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

时间:2017-09-15 10:35:57

标签: jquery ajax wordpress jquery-ui woocommerce

我遇到了问题,无法找到解决方案。

我在产品数量中使用jquery ui spinner作为每种产品的最小/最大数量,这样用户可以在添加该特定产品的最小数量时增加数量,例如,如果产品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(),但没有工作

任何人都可以帮我解决这个问题吗?

由于

1 个答案:

答案 0 :(得分:0)

您可以通过在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");
});

});