如何修复 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(){});