Jquery对新插入的节点绑定Click事件失效的解决方法

206 阅读 0 评论 136 点赞

我是靠谱客的博主体贴龙猫，最近开发中收集的这篇文章主要介绍Jquery对新插入的节点绑定Click事件失效的解决方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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");

})

以上这篇Jquery对新插入的节点绑定Click事件失效的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。