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

前端技术 2023/09/03 JavaScript

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事件失效的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持phpstudy。

本文地址:https://www.stayed.cn/item/8429

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。