javascript - WordPress 中的产品数量更新错误

Question

我有以下功能，可以更新 woocommerce 购物车页面上购物车中的商品数量，但我的问题是，当您按加号图标或减号图标而不是仅更新该商品的计数时，它会更新所有商品元素柜台。关于如何使其仅更新增加或减少的项目的计数有什么想法吗？

非常感谢，

斯科特。

(function($) {
"use strict";

(function() {

  window.inputNumber = function(el) {

var min = el.attr('min') || false;
var max = el.attr('max') || false;

var els = {};

els.dec = el.prev();
els.inc = el.next();

el.each(function() {
  init($(this));
});

function init(el) {

  els.dec.on('click', decrement);
  els.inc.on('click', increment);

  function decrement() {
    var value = el[0].value;
    value--;
    if(!min || value >= min) {
      el[0].value = value;
    }
  }

  function increment() {
    var value = el[0].value;
    value++;
    if(!max || value <= max) {
      el[0].value = value++;
    }
  }
   }
 }
})();

inputNumber($('.qty'));


})(jQuery);

Answer 1

在其他地方找到了答案。

Replace:
els.dec.on('click', decrement);
els.inc.on('click', increment);

with:
el.prev().on('click', decrement);
el.next().on('click', increment);