更改事件只發生一次火災

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); 
 
    }); \t 
 
});

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