Question

我在我的页面上使用jQuery灯箱插件，它有多个图像轮播。我的要求是我需要将灯箱应用于我目前通过编写

完成的单个图像

$(a#lightboxrotator).each({ $(this).lightBox();});

这很好但我的问题是我想动态添加轮播。有没有什么方法可以使用Jquery'on'来实现插件中的自定义函数，就像使用内置处理程序一样？像

这样的东西

$('body).on('a#lightboxrotator','click',fn())

可以与灯箱一起使用吗？

Answer 1

根据我上面的评论... ID必须是唯一的

on（）和其他委托方法是事件处理程序的理想选择，但是如果涉及的插件更多，则需要在插入的新html上重新初始化它们...在插入之后。在你的灯箱的情况下，它从插件代码内部附加处理程序，所以你真的不能用你自己的点击处理程序模仿它

假设您是ajax加载新的html，您将使用ajax的成功回调来调用您在页面加载时使用的相同代码

$(a.lightboxrotator).lightBox();