Jquery 对新插入的节点 绑定Click事件失效

原创 2015年07月11日 10:24:59



1.有人说用 Live, 事实上现在最新的Jquery已经不支持 Live 了。live的解决方法如下:


你可以看这个 也可以不看 ,只是做到心中有数就可以了。下面介绍ON的方法。


live:Live的使用介绍


2.有人用了ON 来解决, 这个解决方法基本在理。


On :On的介绍,能解决问题


On的方法,基本能解决问题,但是你也要根据你的具体情况做选择。并不是每个人的代码都像上面这个案例描述的那么简单。但是万变不离其宗。


我是这样来做的,最终把问题解决了。  我有一个UL 标签是静态的,就是说不是后来动态添加的。然后我动态添加了像“<li><a href="#" ....>链接</a></li>”的内容。

我是按下面的方法做的选择。

$("#subul").on('click','li>a', function (e) {
    //取消冒泡
    //var e = e || window.event;
   // e.stopPropagation();
    alert("asssss");
    var areaid = this.attributes.getNamedItem("id").nodeValue;
    alert(areaid);
    $("#subul>li>a").removeClass("smallBtSelected");
    $("#" + areaid).addClass("smallBtSelected");

})









jq 为新添加的元素绑定事件

自用jq1.90版 //绑定1:后来增加的元素不能绑定 $("#id").on("click",function(){ alert(" 响应"+e.type+"事件1!"); }) //...
  • boys1999
  • boys1999
  • 2014年12月14日 18:54
  • 2219

jquery禁用a标签,jquery禁用按钮click点击

jquery禁用a标签方法1 01 $(document).ready(function () { 02      ...
  • fy_hanxu
  • fy_hanxu
  • 2016年05月18日 11:03
  • 9890

jquery的click事件失效(click事件不能写在文件头部)

click事件失效,不能触发的另一个常见原因就是: click事件写在文件头部
  • qq_26222859
  • qq_26222859
  • 2016年05月11日 16:11
  • 8013

jQuery-为动态添加的元素绑定事件

在使用jquery的方式为元素绑定事件时,我经常使用bind或者click,但这只能为页面已经加载好的元素绑定事件。像需要用ajax的方式请求远程数据来动态添加页面元素时,显然以上几种绑定事件的方式是...
  • xiaozhi_2016
  • xiaozhi_2016
  • 2016年08月11日 16:53
  • 18670

用jQuery绑定事件到动态创建的元素上

jQuery最常用的一个功能就是对DOM的操作,与之相关的比如对事件的绑定和Ajax动态内容加载。当我们绑定事件到Ajax load回来的内容上或其他动态创建的元素上时会发现事件没响应,和你预想的结果...
  • u012800044
  • u012800044
  • 2014年11月27日 21:48
  • 6314

Ajax成功添加新DOM元素 jquery 绑定元素事件

开始之前,我要强调一件事情,看API事件很重要的事情,看API事件很重要的事情,看API事件很重要的事情!(真的很重要啊!)为了要保证加载完页面上的DOM元素,再用jquery进行绑定相应的元素我们通...
  • huangbao21
  • huangbao21
  • 2015年11月13日 17:42
  • 855

jQuery绑定和解绑点击事件及重复绑定解决办法

绑点击事件这个是jquery一个常用的功能,如click,unbind等等这些事件绑定事情,但还有很多朋友不知道,下面我来给大家介绍jQuery绑定和解绑点击事件及重复绑定解决办法,有需要了解的同学可...
  • shehun11
  • shehun11
  • 2014年10月14日 15:30
  • 6580

jquery查找元素,绑定事件,DOM操作

通过元素之间的关系来获取对应的元素 找到元素的父元素 $("#a").parent().css("background","yellow"); 找到祖先元素 $("#a").parents()...
  • wanhong_qi
  • wanhong_qi
  • 2017年02月14日 18:26
  • 235

jq 事件委托 将事件预绑定给未加载的元素

问题来源: 追加的 html 元素无法使用先前加载的 js 方法。 使用 jq 事件委托能够解决。 #分析# html 元素只能调用与它一起加载的 js 函数,无法调用比他先加载的 js 函数; 但...
  • chyin1024
  • chyin1024
  • 2017年03月27日 13:32
  • 421

jquery 获取某个元素下面所有事件

jquery的给元素绑定的事件可以用data方法取出来 通过$(element).data("events")来获取 // 比如给一个button绑定两个click事件 $("button")....
  • cdnight
  • cdnight
  • 2014年02月28日 08:45
  • 14509
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Jquery 对新插入的节点 绑定Click事件失效
举报原因:
原因补充:

(最多只允许输入30个字)