更新購物車後，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"); 
}); 

});