Jquery 如何在woocommerce中停止单击按钮2秒后触发事件?
我现在的问题是,woocommerce购物车将在5秒后自动更新(当用户修改数量时开始计数),即使用户仍在单击加号按钮。我想要的是,购物车将仅在用户在2秒后停止单击时更新。。这只有在购物网站上才有意义Jquery 如何在woocommerce中停止单击按钮2秒后触发事件?,jquery,woocommerce,Jquery,Woocommerce,我现在的问题是,woocommerce购物车将在5秒后自动更新(当用户修改数量时开始计数),即使用户仍在单击加号按钮。我想要的是,购物车将仅在用户在2秒后停止单击时更新。。这只有在购物网站上才有意义 ///auto update cart after 5 seconds jQuery(document).ready(function($){ $('div.woocommerce').on('click', '.minus, .plus', function(){ var tim
///auto update cart after 5 seconds
jQuery(document).ready(function($){
$('div.woocommerce').on('click', '.minus, .plus', function(){
var timeoutMinus;
timeoutMinus = setTimeout(function(){
$("[name='update_cart']").prop("disabled", false);
$("[name='update_cart']").trigger("click");
},5000);
});
});
每次单击都需要清除超时,然后按如下方式再次设置超时:
var updateCartTimeout = null;
$('div.woocommerce').on('click', '.minus, .plus', function() {
clearTimeout(updateCartTimeout);
updateCartTimeout = setTimeout(function() {
$("[name='update_cart']").prop("disabled", false);
$("[name='update_cart']").trigger("click");
}, 2000);
});
很高兴这样做,请把这个答案标记为正确答案——它可能会帮助其他有类似问题的人。