我希望每次点击“添加到购物车”按钮时,计数在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
我刚查过你的代码。completeIncrements在控制台中抛出错误并阻止逻辑的执行。请提供有关信息或使用下面的代码解决它。
$('.addCart').on('click', function() {
var count = parseInt($("#count").text());
$("#count").html(count + 1);
})