html - 使用jQuery将事件绑定到动态添加到DOM的元素

Question

我正在向 DOM 动态添加一些元素。我想使用.on()jQuery 的功能来操纵这些元素的行为。但不知何故，DOM 并没有.on()为动态添加的元素触发事件。

这是显示示例的 JS Fiddle - http://jsfiddle.net/jYQ2D/1/

当我单击“在 HTML 中动态添加”按钮时，它应该显示警报消息，但它没有显示。

知道为什么吗？

Answer 1

委派.on不是那样工作的。您必须调用.on元素，然后使用第二个参数作为委托选择器：

$(document).on("click", "#dyna", function() { 

http://jsfiddle.net/jYQ2D/2/

文档。另请注意，只能有一个#dyna元素。