jquery - 如何将事件附加到克隆/动态生成的元素？

Question

http://www.stableflow.com/downloads/jquery-plugins/360-degrees-product-view/

找到了这个脚本。我如何在此处将事件附加到单个图像。例如，如果我想要自定义单击图像 10 并悬停在图像 20 上。

Answer 1

对于动态生成的元素，请考虑使用live(event, function)方法或更新的一个 - on(event, function)。

因此，如果您的插件生成了一些 DOM 逻辑，请考虑在它们上使用 on 附加事件，并且当它们准备好时，它们将附加事件。

逻辑应该是这样的：

...
...
//attach events
$('image:eq(10)').on('click', function() {
//my custom click handler for 10th image
});
...
...

初始化一些插件，它将围绕/或使用您的图像构建 DOM 逻辑