我试图向Elfinder添加关闭按钮。我希望展示位置位于搜索框右侧,通常是关闭按钮。
elfinder init之后,我这样做:
$('.elfinder-toolbar').prepend('<a class="elfclose"><div class="elfclose-bg">×</div></a>');
Css:
.elfclose {
font-size: 20px;
font-weight: bold;
line-height: 18px;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
text-decoration: none;
float: right;
}
$()。prepend应该将elfclose div作为工具栏下的第一个元素,但搜索框始终是第一个。
我相信它是由Elfinder引起的,在我之后...我有没有办法在另一个div存在后这样做呢?
答案 0 :(得分:1)
仅供参考,我确实想出了这个......
搜索框在初始化后由Jquery添加,因此您必须在前置后添加延迟。我试着检查搜索div的存在(这会更好),但事实证明它太多了。没有人会注意到.2秒的延迟。用Larry Wall的话来说,如果在你的老板解雇你之前完成工作,你的代码是正确的。
我在Angular中,因此是$ compile指令:
var close = $compile('<a class="elfclose" ng-click="closeFileBrowser()">
<div class="elfclose-bg">×</div></a>')($scope);
$timeout(function(){$('.elfinder-toolbar').prepend(close);}, 200);