更新购物车后，JQuery UI Spinner在WooCommerce Cart页面中消失了

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

中插入CART页面上的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");
});
});