javascript - 动态添加的div没有触发点击事件

Question

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

当我试图触发同一个元素的点击事件时

到目前为止我已经尝试过的内容如下:

$(函数(){
         $("#id").bind("点击",函数(){
             警报(“嗨”)；
          })
});

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

但是当我写简单的时候，它工作正常

Answer 1

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

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

委托(delegate)事件

Delegated events have the advantage that they can process events from descendant elements that are added to the document at a later time. By picking an element that is guaranteed to be present at the time the delegated event handler is attached, you can use delegated events to avoid the need to frequently attach and remove event handlers, reference.