Javascript 单击动态添加的div的未触发事件

我在HTML中动态添加了一个div

当我尝试触发相同元素的单击事件时

我迄今为止所做的努力如下：

我也尝试使用“on”而不是“bind”，但它不起作用

但当我写的很简单时，它就很好用了

委托事件使用，您可以给出在执行绑定代码后应该添加的元素的静态父元素

$(function(){
   $(document).on("click", "#id",function(){
         alert("hi");
    });
});

委托事件

委派事件的优点是，它们可以从中处理事件 以后添加到文档中的子元素。通过 选择一个元素，该元素保证在 已附加委派事件处理程序，您可以使用委派事件 避免频繁附加和删除事件处理程序

使用委托事件，您可以提供在执行绑定代码后应该添加的元素的静态父元素

$(function(){
   $(document).on("click", "#id",function(){
         alert("hi");
    });
});

委托事件

委派事件的优点是，它们可以从中处理事件 以后添加到文档中的子元素。通过 选择一个元素，该元素保证在 已附加委派事件处理程序，您可以使用委派事件 避免频繁附加和删除事件处理程序

---

将元素插入DOM后，需要附加事件。可以在插入元素后再次尝试绑定；-）将元素插入DOM后，需要附加事件。可以在插入元素后再次尝试绑定；-）如果有一个添加了div的父容器，并且该容器在脚本运行时存在，那么您还可以将Adil代码中对文档的引用替换为“{selector}”，其中{selector}是该容器的jQuery选择器。如果有一个添加了div的父容器，并且该容器在脚本运行时存在，然后，您还可以将Adil代码中对文档的引用替换为“{selector}”，其中{selector}是该容器的jQuery选择器。

$(function(){
   $(document).on("click", "#id",function(){
         alert("hi");
    });
});