javascript - Elfinder:添加关闭按钮

Question

我正在尝试向 Elfinder 添加关闭按钮。我希望将其放置在搜索框的右侧，关闭按钮通常位于该位置。

在 elfinder 初始化之后，我这样做:

$('.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 存在后执行此操作？

Answer 1

仅供引用，我确实解决了这个问题...

搜索框是由 Jquery 在初始化后添加的，因此您必须在前置后添加延迟。我尝试检查搜索 div 是否存在(这会更好)，但结果证明工作量太大。没有人会注意到 0.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);