JQ动态生成的元素,原事件绑定失效

Posted dotnetcrazy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQ动态生成的元素,原事件绑定失效相关的知识,希望对你有一定的参考价值。

Old Code:

$(‘code‘).click(function () {
    console.log($(this).text());
});

New Code:(.container 是<code>所在的div)

$(‘.container‘).on("click", "code", function () {
  console.log($(this).text());
});

之前只是知道官方推荐使用on来生成事件,并不知道其好处,这次知道了

 

话说,,,有大前端后真的好久没碰前端了,忘差不多了,O(∩_∩)O~

以上是关于JQ动态生成的元素,原事件绑定失效的主要内容,如果未能解决你的问题,请参考以下文章

jq load()方法中加载文件中元素事件绑定失效的问题

append()方法生成的元素绑定的事件失效解决办法

ajax动态刷新的元素,导致绑定事件失效

关于JQ中,新生成的节点on绑定事件失效的解决

新元素之前的事件绑定无效(live方法)--事件委托

JQuery对于动态生成的标签绑定事件失效