javascript - 用于更新购物车的小型 jQuery 停止工作(Woocommerce/Wordpress)

Question

我创建了一个小脚本，以便在更改值并单击输入字段外部后购物车会自行更新。但现在它停止工作了，我不知道为什么:/

1. 您需要将一些东西放入购物车(按:“In den Warenkorb”):http://vamedics.com/de/shop/2-lendenwirbel/

2. 现在，在购物车中，只需更改输入字段中的数字，它就会刷新网站，但不会更改价格或数量:http://vamedics.com/de/warenkorb/

它可能不是世界上最好的 jquery，但它完成了它的工作:/它只需按下刷新购物车按钮(它通过显示隐藏:无)并在更新购物车时刷新所有内容

这是代码:

$(document).ready(function() {
  $('#input-qty').each(function() {
    var elem = $(this);
    elem.data('oldVal', elem.val());
    elem.bind("propertychange change click keyup input paste", function(event){
      if (elem.data('oldVal') != elem.val()) {
        elem.data('oldVal', elem.val());

        $("#input-qty").focusout(function() {
          $('input[type="submit"]:nth-child(2)').trigger('click');
        });
      }
    });
  });
});

有人可以帮助我吗？

Answer 1

您有一个隐藏的移动版本的购物车，其中也包含数量。当您通过发送表单更新页面时，您将发送所有内容的重复名称。购物车和数量。

这是我更改数量时的要求:

购物车%5B9dd3ecb6819c19341cce4399afa2c7dd%5D%5Bqty%5D=1&购物车%5B9dd3ecb6819c19341cce4399afa2c7dd%5D%5Bqty%5D=10&coupon_code=&update_cart=Warenkorb+aktualisieren& _wpnonce=b5b38505ed&_wp_http_referer=%2Fde%2Fwarenkorb%2F

您可以看到购物车及其数量被指定了两次。一次使用旧值，一次使用新值。

在通过 JS 提交时制作一个单独的表单，或者确保更改两个数量。