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

【问题标题】：jQuery Ui Spinner disappear in woocommerce cart page after updating cart更新购物车后，jQuery Ui Spinner 在 woocommerce 购物车页面中消失
【发布时间】：2017-09-15 10:35:56
【问题描述】：

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

我在产品数量中使用 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() 但没用

谁能帮我解决这个问题？

谢谢

【问题讨论】：

标签： jquery ajax wordpress jquery-ui woocommerce

【解决方案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");
});

});

【讨论】：