首页 > Web开发 > 详细

jQuery动态添加元素无法触发绑定事件

时间:2017-07-28 19:48:13      阅读:212      评论:0      收藏:0      [点我收藏+]

 

用jquery动态添加元素后,发现给动态添加的元素无法触发事件。解决方案如下:

方法一:绑定live事件(live事件只在jquery1.9以下才支持,高版本不支持)。

1
2
3
$(".newBtn").live("click",function(){ ///jquery 1.9(不包括1.9)以下可以
               alert(‘这里是动态元素添加的事件‘);
           })

 

方法二:利用on()事件绑定 ($(ParentEle).on("click",".thisEle",function(){})

1
2
3
$("body").on("click", ".newBtn", function() {
              alert(‘这里是动态元素添加的事件‘);
          });<br>//这里的ParentEle是 thisEle的父辈元素或者祖先元素,ParentEle可以是document,也可以是body等。<br><br><br>//注意:如果此时调用的函数是外部定义好的函数,那在调用的时候不要加(),不然会跳过点击事件直接触发函数
  $("body").on("click", ".newBtn",aa );
 function aa(){
alert(‘这里是动态元素添加的事件‘);
}

jQuery动态添加元素无法触发绑定事件

原文:http://www.cnblogs.com/huangzh1996/p/7252294.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!