如何修复 onclick 函数无法使用 JavaScript

Question

有人可以帮助我吗？这是我的问题。当我尝试单击button使用此功能时$(".btn_cellophane").on("click",function(){});，我没有得到任何响应，甚至没有得到错误。我猜这个onclick功能不起作用。下面是我的代码。方法调用$(".btn_cellophane").on("click",function(){     alert("Tester true");         if($(this).hasClass("btn-warning")){              $(this).removeClass("btn-warning");              $(this).addClass("btn-success");              // add_amount_for_cellophane();         }else if($(this).hasClass("btn-success")){              $(this).addClass("btn-warning");              $(this).removeClass("btn-success");              // add_amount_for_cellophane();         }});内容展示var html_cellophane = "";$.each(data, function(key,product){        $.each(product.sizes, function(pro_id,variant){             if(variant.prod_type == 1){                   var label = (variant.size+" "+variant.unit).toUpperCase();                   var var_id = variant.variant_id;                   var price = variant.price;                       html_cellophane += '<div>'+                                                '<label>Cellophane ('+price+' pesos)</label>'+                                           '</div>'+                                           '<br/>'+              }                                              });                                                 });                  

Answer 1

您已经动态创建了该按钮。因此，当您附加事件侦听器时，该元素在此之前并不存在。因此，您必须使用事件委托来处理单击事件。

只需像这样更改您的事件侦听器 -

$(document).on("click",".btn_cellophane", function(){});