Elfinder:添加关闭按钮

时间:2014-06-30 19:08:43

标签: javascript jquery elfinder

我试图向Elfinder添加关闭按钮。我希望展示位置位于搜索框右侧,通常是关闭按钮。

elfinder init之后,我这样做:

$('.elfinder-toolbar').prepend('<a class="elfclose"><div class="elfclose-bg">&times;</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存在后这样做呢?

1 个答案:

答案 0 :(得分:1)

仅供参考,我确实想出了这个......

搜索框在初始化后由Jquery添加,因此您必须在前置后添加延迟。我试着检查搜索div的存在(这会更好),但事实证明它太多了。没有人会注意到.2秒的延迟。用Larry Wall的话来说,如果在你的老板解雇你之前完成工作,你的代码是正确的。

我在Angular中,因此是$ compile指令:

var close = $compile('<a class="elfclose" ng-click="closeFileBrowser()">
<div class="elfclose-bg">&times;</div></a>')($scope);
$timeout(function(){$('.elfinder-toolbar').prepend(close);}, 200);