jquery:为动态加载的元素添加点击事件

时间:2023-03-09 18:10:12
jquery:为动态加载的元素添加点击事件

jquery:为动态加载的元素添加点击事件

最近在做项目的时候遇到了这样一个问题,给用ajax动态加载出来的内容添加点击事件,但是怎么都触发不了,经过查询试验总结出正确的写法

在jquery1.7之前的版本中用的是live()方法,但是live()方法在1.7中已经不建议使用,1.9中删除了这个方法

live()方法适用于匹配选择器的当前及未来的元素(例如有脚本创建的新元素)

重点是自jquery1.7版本起,on()方法是bind()、live()、delegate()方法的新的替代品

on()方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)

$("#mainbody").on("click",".link",function(){
  });

on前面的这个#mainbody一定要是html中存在的,静态的,否则点击事件触发不了

".link"是动态加载出来的内容,它的class=".link"

on方法在什么条件下都是成立的

用jquery:为动态加载的元素添加点击事件其实也可以用

$(".link").click(function(){
});

只不过是有限制的,这个点击事件要和动态加载的内容在同一作用域中才行

相关文章