为什么我的购物车增量计数器不起作用？

Question

我希望每次点击“添加到购物车”按钮时，计数在navbar中增加，但我不明白为什么我的代码不起作用，当我点击添加到购物车按钮时，当前计数器没有增加。如果有人能告诉我我错过了什么，或者给我一个更好的解决办法，我会很感激的，谢谢！

null

$('.addCart').on('click', function() {
  console.log(completedIncrements.indexOf(this.id));

  if (completedIncrements.indexOf(this.id) == -1) {
    var count = parseInt($("#count").text());
    $("#count").html(count + 1);

    completedIncrements.push(this.id);
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="navbar">
  <a href="shoppingcart.html" class="cart">Shopping Cart (<span id="count">0</span>)</a>
  <a href="shop.html" class="right">Shop</a>
  <a href="contactus.html" class="right">Contact Us</a>
</div>
<a href="shoe1.html"><img id="shoe3" img src="images/shoe1.jpg" alt="shoe1">
<div id="cart1" class="addCart" href="#"><button>Add to cart</button></div>
<a href="shoe2.html"><img id="shoe4" img src="images/shoe2.jpg" alt="shoe2">
<div id="cart2" class="addCart" href="#"><button>Add to cart</button></div>

null

Answer 1

我刚查过你的代码。completeIncrements在控制台中抛出错误并阻止逻辑的执行。请提供有关信息或使用下面的代码解决它。

$('.addCart').on('click', function() {

    var count = parseInt($("#count").text());
    $("#count").html(count + 1);

   
})