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

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

这对于已经存在的div来说非常完美，类似于包含“ok”单词。 但是，这不适用于附加的div。为什么以及如何解决这个问题？感谢。

Answer 1

您可以在致电.append时绑定（或重新绑定）该事件，也可以使用事件委派：

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