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/了解更多信息。

请注意，live从 jquery 1.7 开始已弃用，因此上述答案对于 1.7+ 来说是更正确的答案