jquery - jquery 事件函数到使用 .append() 添加的元素

Question

我有一个函数可以将一些 html 代码附加到我已经存在的 div 中，如下所示：

<div id="my_ok_div">
<span>click me</span>
<div class="okay">ok</div>
</div>

jQuery添加div：

$('#my_ok_div').click(function(){
$('#my_ok_div').append('<div class="okay">bla</div><div class="okay">bla bla</div>');  
});

我也有一个可以与 div 类一起使用的函数

$('.okay').click(function(){
  alert('all okay!'); 
})

这对于已经存在的 div 非常有效，其中包含“ok”字样的 OK 类。但是，这不适用于附加的 div。为什么以及如何解决这个问题？谢谢。

Answer 1

您可以在调用时绑定（或重新绑定）事件.append，也可以使用事件委托：

$("#my_ok_div").on('click', '.okay', function () {
   alert('all okay!');
});