自定义jQuery不使用featherlight.js

Question

我似乎在通过featherlight.js显示的窗口中执行jquery时遇到问题。

它几乎就像dragonlight禁用了jquery，因为它与灯箱窗口中显示的内容有关。

我正在尝试使用jQuery Autocomplete插件，我有一个小提琴，显示它在页面上嵌入时工作但不使用羽毛灯。

<a href="#" data-featherlight="#fl1">click to open lightbox</a>
<div class="lightbox" id="fl1">
<div class="row">
<div class="twelve columns">
<div class="mylightbox">Not Working: <input class="autocomplete"></div>
</div></div></div></div>
<div class="mylightbox">Working: <input class="autocomplete">'try "php"'</div>
<script>
$( ".autocomplete" ).autocomplete({
source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
});
</script>

这是小提琴：http://jsfiddle.net/g68bZ/194/

任何方向都表示赞赏。

谢谢！

Answer 1

看起来data-featherlight-persist=true并没有完全解决问题。 autocomplete似乎假设之后元素不会被移动。

您必须在autocomplete回调中拨打afterContent。