jquery - .append（）を使用して追加された要素へのjqueryイベント関数

Question

私は次のように既存のdivにいくつかのhtmlコードを追加する関数を持っています：

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

divを追加するjQuery：

$('#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!'); 
})

これは、「ok」という単語を含むクラスokの既存のdivに対して完全に機能します。ただし、これは追加されたdivでは機能しません。なぜ、どのようにこれを修正できますか？ありがとう。

Answer 1

を呼び出すときにイベントをバインド（または再バインド）するか、.appendイベント委任を使用できます。

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