将花式框绑定到尚未加载的元素

Question

我正在使用datatables（paginator）来显示记录。我有一个 每个记录的选项，每个记录都打开一个奇特的盒子模型 窗口。它适用于第一页上加载的元素，但是 对于后续页面上的元素（页面不可见时） 首先渲染），花式框不绑定它们。

我可以让这个工作吗？ 感谢

见下文：

     $(document).ready(function () {
     $("[id$=mdialog]").fancybox({
         'width': '75%',
         'height': '80%',
         'autoScale': false,
         'transitionIn': 'none',
         'transitionOut': 'none',
         'type': 'iframe'
     });


 });




  <td><a id="mdialog" href="details.aspx?scode=<%# Eval("SCode")%>">[..]</a></td>

Answer 1

您需要使用jQuery的.live()函数将侦听器绑定到尚不存在的元素。

然后将它附加到对象的onload事件，并将当前的转换应用于它。