Spree Commerce Number 输入 - 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 为产品视图保存了一个添加类，当您获得添加数量的值时，您得到的是页面上的项目，您应该尝试从代码和 jquery 选择器。