jquery - Spree Commerce 号码输入 - JQuery

Question

我正在尝试在我的网络应用程序类别页面上的每个产品的输入框中添加一个简单的加号/减号。它用于添加到购物车。

这是我的 HTML:

  <div class="addqty">
        <div class="qtycontents">
            <a  class="add">+</a>
            <%= number_field_tag :quantity, 1, :min => 1 %>
            <a  class="minus">-</a>
        </div>
    </div>

这是我的js:

$('.add').click(function () {
$(this).next('#quantity').val(parseInt($(this).next('#quantity').val(), 10) + 1);
});

$('.minus').click(function () {
$(this).prev('#quantity').val(parseInt($(this).prev('#quantity').val(), 10) - 1);
});

我遇到的问题很独特。当点击我的类别页面上第一个产品上的“+”时，输入不是增加 1，而是增加页面上的产品数量，减去 1。所以，如果页面上有 10 个产品，并且我单击第一个产品上的“+”，输入的数量从 1 变为 9，然后变为 18，然后变为 27 等等。单击“-”时则相反。当您在产品中前进时，增量会变小 - 在倒数第三个产品上，数量仅增加 2。

很迷茫。任何帮助将非常感激。

Answer 1

问题是 spree 为产品 View 保留了一个添加类，当您获得添加数量的值时，您得到的是页面上的项目，您应该尝试从您的代码和 jquery 选择器。