欢迎光临 - 我的站长站,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

js教程

动态生成元素触发事件无效的解决方法

js教程 我的站长站 2020-08-09 共69人阅读

在写JS时,我们在处理动态生成的HTML触发事件时,会无效。比如:

$("body").html("<b>I Love www.wdzzz.com</b>");
$("b").click(function(){alert(123)})

你会发现点击B标签,并不会触发alter弹窗。具体逻辑原因我的站长站没深究,希望研究的可以去网上看看。

这里我的站长站只分享方法,会用到JQ的.on语法。

$("body").html("<b>I Love www.wdzzz.com</b>");
$("body").on("click","b",function(){
alert(123)
});

这个就相当于重新选取了一次,从body开始一直到下面的b标签,这样就可以重新触发生成的B标签事件了。

当然里面的click点击事件也可以换成其他任何事件。

写的不是非常专业,希望能够帮助大家。