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. 
});