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);
});

我遇到的问题是独一无二的。点击＆＃34; +＆＃34;在我的类别页面上的第一个产品上，输入不会增加1，它会增加页面上的产品数量减1。所以，如果页面上有10个产品，我点击＆＃34 ; +＆＃34;在第一个产品上，我输入的数量从1到9，然后到18，然后是27等。当点击＆＃34时相反的情况 - ＆＃34;。随着产品的推进，增量变小 - 在第三个到最后一个产品时，数量仅增加2.

非常困惑。任何帮助将非常感激。

Answer 1

问题是spree是否为产品视图保存了一个add类，当你获得添加数量的值是你得到的是页面上的项目时，你应该尝试更改代码中的类名和 jquery 选择器。

狂欢商业号码输入 - JQuery

1 个答案: