jQuery onclick 方法不起作用兩次

Question

我有 2 個 onclick 方法。 第一個工作正常，但如果我單擊第一個，第二個不起作用，我需要刷新頁面才能運行。 即使我這樣做，它也只能工作一次。

    $(document).ready(function(){
    $(".cart_add").on('click','.add_cart',function(){
        var product_id = $(this).data("productid");
        var size = $('ul#size').find('li.active a').data('value');
        var qty = $('.qty-input').val();
        var price = $('.special-price').data('price');
        var name = $('h1.product-name').text();
        var url = $(this).data("url");
        $.post(url,{product_id:product_id,product_size:size,product_name:name,product_price:price,product_qty:qty},function(response){
            $(".variant-1").html(response);
        });
    });

    $(".secondary").on('click','.delete',function(){
        var product_id = $(this).data("id");
        var url = $(this).data("url");
        $.post(url,{product_id:product_id},function(response){
            $(".variant-1").html(response);
        });
    });
})

Answer 1

 $("#CheckClick").click(function(){ alert("The paragraph was clicked."); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button class="btn btn-success" id="CheckClick">button</button>

以 ID 而不是類檢查您的代碼或將您的腳本帶入函數並在按鈕單擊時調用它

 function myFunction(){ alert("it's work well") }

 <input id="clickMe" type="button" value="clickme" onclick="myFunction();" />

Answer 2

您可以嘗試使用來自 html 按鈕的 onclick 事件，例如`

 function myFunction() { alert('"hello"'); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button onclick="myFunction()">Click me</button>

e`