无法使用 Jquery .on 对动态创建的元素触发操作

Question

与许多用户一样，我似乎无法将操作绑定/触发到动态创建的元素。

使用我

现有的元素，函数正在运行，使用动态元素，单击我的链接时，将加载 url。（url 不重要，是在我的测试之前写其他动作）

我错过了什么？我正在使用jQuery 1.7.1

谢谢！！

jQuery('.image-widget-data').append('<a href="http://www.google.com">Select Files</a>');
jQuery("body").on("click", ".image-widget-data a", function(){ 
   event.preventDefault();             
   alert("Goodbye!"); 
});

Answer 1

您可能缺少单击处理程序函数中的event声明。

jQuery("body").on("click", ".image-widget-data a", function(event){ 
                                                            ^^

Answer 2

jQuery(".image-widget-data").on("click", "a", function( event ){ 
   event.preventDefault();             
   alert("Goodbye!"); 
});

Answer 3

你忘了将事件作为参数传递

jQuery("body").on("click", ".image-widget-data a", function(event){ 
   event.preventDefault();             
   alert("Goodbye!"); 
});

http://jsfiddle.net/fbaWW/