如何将点击事件添加到插入的元素

Posted 2023-05-09

【中文标题】如何将点击事件添加到插入的元素

【英文标题】：How do I add a click event to an inserted element

【发布时间】：2013-06-07 19:26:08

【问题描述】：

好的，所以我使用此按钮一次，然后将其删除。然后我插入一个新的。问题是点击事件停止工作。不确定是什么原因造成的以及如何解决？

    $("#load_more_button").click(function () 
        //Do things
    ); 

【参考方案1】：

实际上，您可能已经从其他帖子中得到了这个答案..大约有 100 个帖子有相同的问题...click not working for dynamically added element...

无论如何，通过使用.on 委托事件，您可以获得它..

$(document).on("click","#load_more_button",function () 
    //Do things
); 

如果你再次搜索，你会得到所有的理由，说明为什么我们需要委派事件..所以我认为你这样做......

注意：将其委托给最近的静态父容器而不是文档在性能方面会更好..

【讨论】：

这太棒了，伙计们，谢谢 - 我要花很长时间才能找到它。当它允许我时我会接受:))

欢迎...请浏览其他帖子以了解on 委托事件...无论如何很高兴它有帮助...快乐编码。 :)