我有一些JavaScript可以提取购物车中有多少商品,并将其放在span.cartTotal中以获得更好的样式。我需要代码才能工作,因此它可以立即提取信息,而且我无需刷新页面即可查看更新。我假设代码需要添加jquery .live或.on。任何帮助深表感谢。谢谢
$(function(){
if ($('#catCartSummary .cartSummaryItem').html() != 'Shopping cart is empty.') {
var summary = $('#catCartSummary .cartSummaryItem').text().split(" ");
var total = summary[0];
$('span.cartTotal').html(total);
}else{
$('span.cartTotal').html("0");
}
});
更多信息:我的添加到购物车类的是.productSubmitInput
我从以下代码中提取动态创建的信息。此购物车总数会在cartSummaryItem中自动更新。当有人添加到购物车时,我只需要我的新样式总计来更新它。我尝试了以下建议,但它们似乎没有用。我可能只是添加了一些错误。
<td class="cartSummaryItem">
1 item(s), Total: $10.95
</td>
答案 0 :(得分:1)
评论的内容基本上是
也 - 使用.on not .live,因为.live已被弃用
这样的事情:
function updateTotals() {
if ($('#catCartSummary .cartSummaryItem').html() != 'Shopping cart is empty.') {
var summary = $('#catCartSummary .cartSummaryItem').text().split(" ");
var total = summary[0];
$('span.cartTotal').html(total);
}else{
$('span.cartTotal').html("0");
}
}
$(function(){
updateTotals(); // <-- initial load update
$('some_selector').on('click',function(){
// do stuff like adding items to cart or w/e...
updateTotals();
});
});