如何在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>

我的fancybox的内容没有任何结果（元素没有隐藏）。

谢谢大家。

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>