javascript - 数字字段加减号按钮在页面加载后几秒钟内停止工作

Question

我正在使用以下代码为 Woocommerce 购物车解决方案实现加/减数量按钮：

console.log('rental')
// make quantity buttons work
$('.qib-container').on('click', '.plus, .minus', function () {
  console.log('clicked')
  // Get current quantity values
  var qty = $(this).closest('.qib-container').find('.qty')
  var val = parseFloat(qty.val())
  var max = parseFloat(qty.attr('max'))
  var min = parseFloat(qty.attr('min'))
  var step = parseFloat(qty.attr('step'))

  // Change the value if plus or minus
  if ($(this).is('.plus')) {
    console.log('plus')
    if (max && (max <= val)) {
      qty.val(max)
    } else {
      qty.val(val + step)
    }
  } else {
    if (min && (min >= val)) {
      console.log('else')
      qty.val(min)
    } else if (val > 1) {
      qty.val(val - step)
      console.log('else > 1')
    }
  }

HTML如下：

<div class="qib-container">
        <button type="button" class="minus qib-button">-</button>
        <div class="quantity">
            <label class="screen-reader-text" for="quantity_5dd507573790b">Contenur prügikonteiner 140L kogus</label>           <input type="number" id="quantity_5dd507573790b" class="input-text qty text" step="1" min="0" max="" name="raq[9bb59b8531b987176485dff07c07c672][qty]" value="1" title="Kogus" size="4" inputmode="numeric">
        </div>
        <button type="button" class="plus qib-button">+</button>
    </div>

在产品列表页面上一切正常，但是当将产品添加到购物车并进入购物车页面时，按钮在 1-2 秒后停止工作，例如指针事件不起作用并且脚本不再运行。

自己测试问题：

第 1 步 列表页面：https ://moya.no11.ee/lahenduste-rent/ （将产品添加到购物车，数量按钮与正常脚本一样使用）

步骤 2 购物车页面（添加产品后）：https ://moya.no11.ee/lahenduste-rent-paringukorv/ （加载后尝试快速更改数量：最初有效，但它重置回原始状态，之后不再有效)

有什么想法可能导致这种情况吗？

标签： javascriptphpjquerywoocommerce