Javascript 铆钉.js购物车.js Shopify产品未在购物车上删除/更新

我有一个购物车页面，它使用rivets.js、cart.js和shopify

我的问题是，购物车页面上的“删除”、“数量增加/减少”按钮都不起作用

下面是我正在使用的代码。 显示器按预期工作。它显示数量、价格、项目名称、说明等

<div data-cart-view="data-cart-view">

  <div class="cart-info cart-info--mobile">
  <div class="grid">
    <div class="grid__item one-third">

        <strong data-cart-render="item_count">{{ cart.items.size }}</strong>

      <small>recommendations</small>
    </div>
    <div class="grid__item one-third">
        <strong data-cart-render="item_count"></strong>
      <small>pills per pack</small>
    </div>
    <div class="grid__item one-third cart-total">
      <strong>$ <span rv-html="cart.total_price | customcurrency"></span></strong>
      <small>per month</small>
    </div>
  </div>

  </div>



  <div rv-each-item="cart.items" class="cart-item grid">
    {% include 'bold-cart-item' with item %}
    <ul class="hide">
      <li rv-each-property="item.propertyArray < properties"  rv-data-id="property.name" rv-data-name="property.value" class="property-counter"></li>
    </ul>
    <div class="grid__item one-sixth">
      <img rv-src="item.image | productImageSize '250x250'">
    </div>


    <span rv-html="index | plus 1"></span>

    <div class="grid__item five-sixths"> 
      <div class="grid">
        <div class="grid__item large--four-sixths two-thirds">
          <h3 rv-text="item.title"></h3>
          <div class="cart-quantity" rv-data-id="item.title">
            <a href="#" rv-data-cart-update="index | plus 1" rv-data-cart-quantity="item.quantity | minus 1">-</a>
            <div class="qty"><span class="num" rv-text="item.quantity"></span> <span class="tablet">tablet</span></div>
            <a href="#" rv-data-cart-update="index | plus 1" rv-data-cart-quantity="item.quantity | plus 1">+</a>

            <span class="dailydose">Suggested daily dose</span>
          </div>


          {{ bold_item_properties }}
          {{ bold_recurring_desc }}
          {{ bold_item_price }}
        </div>
        <div class="grid__item large--two-sixths one-third text-right">
          <div class="item-price">
            <div class="price">$<span rv-html="item.line_price | customcurrency"></span></div>
            {% comment %}<td rv-html="item.line_price | money Currency.currentCurrency"></td>{% endcomment %}
            <small>per month</small>
          </div>
          <a href="#" rv-data-cart-remove="index | plus 1"  class="item-remove">&times;</a>
        </div>
      </div>
    </div>
  </div>


<div class="cart-info cart-info--desktop">
  <div class="grid">
    <div class="grid__item one-third">
        {% comment %} <strong data-cart-render="item_count"></strong>{% endcomment %} 
      <strong>{{ cart.items.size }}</strong>
      <small>recommendations</small>
    </div>
    <div class="grid__item one-third">
        <strong data-cart-render="item_count"></strong>
      <small>pills per pack</small>
    </div>
    <div class="grid__item one-third cart-total">
      <strong>$<span rv-html="cart.total_price | customcurrency"></span></strong>
      <small>per month</small>
    </div>
  </div>

  </div>

  </div>

{{cart.items.size}
建议

每包药丸
$
每月
{%将“粗体购物车项目”包含在项目%}



药片
建议日剂量
{{bold_item_properties}}
{{bold_recurtive_desc}}
{{粗体项目价格}
$
{%comment%}{%endcomment%}
每月
{%comment%}{%endcomment%}
{{cart.items.size}}
建议

每包药丸
$
每月

非常感谢您的帮助。 它还使用粗体作为定期订阅应用程序

---

提前谢谢。

我也面临同样的问题，无法找到解决方案。我看到控制台给出了一个错误，说jQuery中没有定义ajax函数。原来我使用的是slim版本，它不包括ajax内容

---

选择并使用常规和现在，删除按钮和数量选择器似乎都工作正常。

您在开发人员控制台中看到任何错误吗？@DavidR nope。一点错误都没有。你能解决这个问题吗？不，对不起。我必须做我自己的事。只是想知道您是否检查了铆钉.js是否已启动。