下面小编就为大家带来一篇 Jquery 对新插入的节点 绑定 Click 事件失效的解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
1. 有人说用 Live, 事实上现在最新的 Jquery 已经不支持 Live 了。live 的解决方法如下:
你可以看这个 也可以不看 ,只是做到心中有数就可以了。下面介绍 ON 的方法。
2. 有人用了 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 事件失效的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0224/265228.html