Question

我试图在产品数量发生变化时更新购物车。但jquery代码在第一次更新购物车项目后停止工作。

这里是jquery代码

jQuery(document).ready(function($){
    $("input.qty").on('keyup change click',function(){ 
        $('input[name=update_cart]').trigger('click');
    });
});

Answer 1

请尝试以下代码。

jQuery(document).ready(function($){
  $(document).on('keyup change click','input.qty', function() {
    $('input[name=update_cart]').trigger('click');
  });
});

如果您需要更多信息，请与我们联系。

Answer 2

使用输入事件

jQuery(document).ready(function($){
    $("input.qty").on('input',function(){ 
        $(this).closest('form').submit(); 
    });
});

Answer 3

您的代码正常运行。查看以下代码的结果。

jQuery(document).ready(function($){
var count = 0;
    $("input.qty").on('keyup change click',function(){ 
        $('input[name=update_cart]').trigger('click');
        count++;
    });
    $('input[name=update_cart]').click(function(e){
        $(this).val('Click called  '+count);
    });	
});

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<input class="qty" name="test"/>
<input  name="update_cart"/>

在变化事件上只发射一次

3 个答案: