使用Cart.js和Rivets.js添加/删除购物车项目

Question

我在Shopify商店中使用cart.js但无法获得增加/减少数量或删除功能。其他一切都正常工作，所以我不确定我做错了什么。

我在theme.liquid上关闭</body>标记之前添加了以下代码。

{{ 'rivets-cart.min.js' | asset_url | script_tag }}

<script type="text/javascript">
    jQuery(function() {
        CartJS.init({{ cart | json }}, {
            "dataAPI": false,
            "requestBodyClass": "loading"
        });
    });
</script>

下面是我在header.liquid中的代码...我也在product-template.liquid上测试了这个，但仍然得到了相同的结果。

<div class="cart-product-wrap" rv-each-item="cart.items">

  <div class="cart-quantity">
    <a href="#" rv-data-cart-update="index | plus 1" rv-data-cart-quantity="item.quantity | plus 1">+</a>
    <div rv-text="item.quantity"></div>
    <a href="#" rv-data-cart-update="index | plus 1" rv-data-cart-quantity="item.quantity | minus 1">-</a>
  </div>

  <div class="cart-image"><img rv-src="item.image | productImageSize 'small'" src=""></div>

  <div class="cart-title-price">
    <div class="cart-title" rv-text="item.title"></div>
    <div class="cart-price" rv-html="item.price | money Currency.currentCurrency"></div>
    <div class="cart-remove"><a href="#" rv-data-cart-remove="index | plus 1">Remove</a></div>
  </div>

</div>

我遵循了https://cartjs-dev.myshopify.com/pages/guide上的指南，并没有看到与工作示例有任何区别。

有谁知道我做错了什么或我怎么能让这个工作？

任何帮助将不胜感激！

Answer 1

如果有人想知道，我通过将脚本更改为...来实现此目的...

<script type="text/javascript">
    jQuery(function() {
        CartJS.init({{ cart | json }}, {
        });
    });
</script>