jQuery动态append添加元素后点击事件失效

1. 问题描述：在div中动态添加span元素，之后执行

$(selector).click(function(){var param = $(this).text();})

无法触发事件。

2. 原因：append中的节点是在整个文档加载完之后开始添加，页面不会为append的元素初始化添加点击事件，故使用这种方式动态添加的节点中的click事件没有生效。

 

3. 解决方案：事件委托方式解决，将指定的事件绑定在document上，只要append元素符合指定的元素，就会绑定此事件 。$(document).on("click","指定的元素",function(){});
最后实现代码

$(document).on("click", selector, function(){
        var param = $(this).text();})

 

来源：CSDN

作者：晨光--geeker

链接：https://blog.csdn.net/qq_40436854/article/details/92629306