Question

jquery on()绑定的点击事件在js动态新添加的元素上无效，请问为什么

jquery on()绑定的点击事件在js动态新添加的元素上无效，请问为什么
$('.class').on("click",function(){……});

Answer 1

$('.class').on("click",function(){……});相当于$('.class').bind("click",function(){……});
$(document).on("click",'.class',function(){……});相当于$('.class').live("click",function(){……});
js生成的元素绑定事件必须使用live，但新版的jq，已经淘汰了live，可以用on方法代替，但必须注意写法。

Answer 2

如果你的元素是用click事件append进来的,

$("#aa").on("click", “#children”function(){
$(‘.aa’).append("<div id='children' style='border: 1px solid blue;'>children content</div>");
如上如果是append进.aa里，那么需要绑定的点击事件的元素的父元素为.aa。
我也是看了网上很多解决这个问题的方法但是都差不多解决不了问题，我试了一下这么做还真解决了。希望对大家有帮助。

Answer 3

引用fhq198604的回答：
$('.class').on("click",function(){……});相当于$('.class').bind("click",function(){……});
$(document).on("click",'.class',function(){……});相当于$('.class').live("click",function(){……});
js生成的元素绑定事件必须使用live，但新版的jq，已经淘汰了live，可以用on方法代替，但必须注意写法。

动态js，元素如果重新生是不行的吧，一般都是通过一个不变父级元素绑定，$().on(‘click ‘,’元素选择器’,function)写法和你那差不多