更新购物车后，jQuery Ui Spinner在woocommerce购物车页面中消失

Question

我陷入了一个问题，无法找到解决方案。

我正在使用产品数量为每个产品的最小/最大数量的jquery ui旋转器，以便用户可以增加该特定产品的最小数量的添加数量，如产品A的最小数量为12数量增加如24,36等......它完全正常工作

问题是每当我更新购物车时，微调消失并且不能按最小数量增加产品数量。但是当我刷新页面，一切工作正常..

这里是我的jQuery代码

var min_val=0; 
var step_val=0; 

jQuery(function ($) { 

    $(".qty").attr("onkeydown", "return false"); 
    var min_val=$(".qty").attr("min"); 
    var step_val=$(".qty").attr("step", min_val); 
    $(".qty").spinner(); 
    $(document).ajaxStop(function(){ 
    $(".qty").spinner(); 
    }); 

}); 

我认为Ajax调用来更新购物车禁用我的js后和它不会重新初始化。

我已经使用ajaxStop（）但没有工作

任何一个可以帮助我如何解决这个问题？

感谢

Answer 1

您可以通过在functions.php中插入代码购物车页面上禁用AJAX

function cart_script_disabled(){ 
    wp_dequeue_script('wc-cart'); 
} 
add_action('wp_enqueue_scripts', 'cart_script_disabled'); 

，或者如果你不想魔鬼AJAX请求使用该

jQuery(function ($) { 

$(".qty").attr("onkeydown", "return false"); 
    var min_val=$(".qty").attr("min"); 
    var step_val=$(".qty").attr("step", min_val); 
    $(".qty").spinner(); 

$(document).ajaxStop(function(){ 

$(".qty").attr("onkeydown", "return false"); 
    var min_val=$(".qty").attr("min"); 
var step_val=$(".qty").attr("step", min_val); 
    $(".qty").spinner(); 
$("#uc").removeAttr("disabled"); 
}); 

});