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

时间:2013-01-26 02:10:35

标签: html dom jquery

我正在向DOM添加少量元素。我想使用jQuery的.on()函数来操纵这些元素行为。但不知何故,DOM没有为动态添加的元素触发.on()事件。

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

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

知道为什么吗?

1 个答案:

答案 0 :(得分:11)

通过.on委派不起作用。您必须在元素上调用.on,然后使用第二个参数作为委托选择器:

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

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

Documentation。另请注意,只能有一个#dyna元素。