jquery - 如何在 Fancybox 内容上操作 DOM？

Question

我正在尝试访问使用 Fancybox 加载的 DOM 内容中的元素，但这是不可能的。

这是我的代码示例：

<div id="content"><!-- content of my FancyBox !-->
   blabla 
  <div class="myelement">blabla hiding</div>
</div>
<script type="text/javascript">
$.fancybox({
content : $('#content').html(),
afterLoad: function(){
  //do something with the element
  $('.myelement').hide();

}
);
</script>

我的幻想框的内容没有发生任何事情（元素没有隐藏）。

谢谢你们。

Answer 1

我修复了错误！

如果我想操作 FancyBox 动态添加的 DOM 内容，我必须使用回调 "afterShow" ：

 <script type="text/javascript">
$.fancybox({
content : $('#content').html(),
afterShow: function(){ //<====== FIX THE BUG !!!!!!!!!!!!!!!!!!!!!
  //do something with the element
  $('.myelement').hide();

}
);
</script>