Jquery中声明的按钮问题

Question

我正在尝试开发购物车，并且遇到以下问题。我正在使用jQuery动态创建一个新产品。下面的代码段增加了新的产品加入购物车：

 var productAdded = $('<tr class="product" data-id_modal="'+ id +'"><td class="product_name2"><button href="#0" class="button2" id="'+ id +'">' + product_name + '</button></td><td class="quantity"><span class="select"><select id="cd-product-'+ id +'" name="quantity"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select></span></td><td class="price">' + product_price + '</td><td><a href="#0" class="delete-item"><i class="fa fa-trash-o fa-2x" aria-hidden="true"></i></a></td></tr>'); 
    cartList.prepend(productAdded); 

正如你可以在上面看到我创建的JavaScript中的一个新的“按钮”。对于该元素，单击事件不会触发。

$(".button2").click(function(e) { 
        e.preventDefault(); 

        $("#add_product_comment").dialog({ 
         buttons : { 
          "Άκυρο" : function() { 
          $(this).dialog("close"); 
         }, 
         "Αποθήκευση" : function() { 
          setInterval(function(){}, 1000); 
          $("#add_product_comment").dialog("close"); 
          // $('#two').load(document.URL + ' #two'); using ajax reload div       
         } 
         } 
        }); 

        $("#add_product_comment").dialog("open"); 
        $('.ui-widget-overlay').css('background', '#000000'); 

        }); 

任何帮助将非常感激。

Answer 1

改为点击使用。

$(document).on('click','.button2',function(){ 
    //your action. 
});