javascript - 新しいdivを動的に追加しますが、クリックイベントは新しいdivで機能しません

Question

ボタンをクリックすると新しいボタンが作成され、次/新しいボタンをクリックするとそれ自体の後にボタンが作成されるようにボタンを作成しようとしていますが、クリックイベントは最初のボタンでのみ機能しますか?ヘルプ？

これが私のフィドルです= http://jsfiddle.net/hyeFB/

// $(document).ready(function () {


    var myDiv = '<div class="myButton">myButton</div>';


     $('#c').append(myDiv);


     $('.myButton').click(function () {

         $(this).after(myDiv);

     });


 //});​

Answer 1

使ってみてon

var myDiv = '<div class="myButton">myButton</div>';

 $('#c').append(myDiv);

 $('body').on('click', '.myButton',function () {
     $(this).after(myDiv);
 });

Answer 2

// $(document).ready(function () {


    var myDiv = '<div class="myButton">myButton</div>';


     $('#c').append(myDiv);


     $('.myButton').live(function () {

         $(this).after(myDiv);

     });

   // Or Use delegation
  $('body').delegate('.myButton','click',function () {

         $(this).after(myDiv);

     });


 //});

トリックを行います。詳細については、 http://api.jquery.com/live/をご覧ください。

jquery 1.7以降は非推奨になっていることに注意してくださいlive。したがって、上記の回答は1.7以降のより正しいものです