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

＆＃13;

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

＆＃13;

<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>

＆＃13;

在您的代码旁边使用ID而不是Class 或者将你的脚本放在函数内部并按下按钮

调用它

＆＃13;

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

＆＃13;

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

＆＃13;

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`

jQuery onclick方法没有工作两次

2 个答案: