美文网首页
js动态拼接Http导致添加的元素事件无效的方法

js动态拼接Http导致添加的元素事件无效的方法

作者: xintop | 来源:发表于2020-09-03 21:00 被阅读0次

解决jQuery使用append添加的元素事件无效的方法

例如我会在zkdiv中动态添加多个class=”zk”的dom节点,也想对动态增加的节点绑定相同的事件则可以通过以下代码实现

<div id="zkdiv">

  <input type="button" value="展开" id="zk" class="zk"/> <br>

</div>

//展开按钮点击触发事件

$("#zkdiv").on("click",".zk",function(){

    console.log("on 点击一次");

});

*这样一来处理函数就绑定到#zkdiv的选择器上去了,事件冒泡导致的性能损失会大大降低(使用该方法时要确保.on前面的选择器能选择到对象 否则不起作用)

相关文章

网友评论

      本文标题:js动态拼接Http导致添加的元素事件无效的方法

      本文链接:https://www.haomeiwen.com/subject/dhutektx.html