我正在尝试使函数和一些相关的jquery正常工作。我有一个购物车,我试图显示购物车中的物品数量。到目前为止,这是我的基本标记。
HTML
<p>Your <a href="/cart.php">Shopping Cart:</a></span>
now has <span id="cartText">0 items</span></p>
的jQuery
<script>
jQuery(document).ready(function(){
var itms = '%%GLOBAL_CartItems%%';
jQuery("#cartText").html( itms );
});
</script>
我的%%GLOBAL_CartItems%%
函数告诉我购物车中有多少商品,但只有当有1件或更多商品时,我才会在div中写0 items
我想要%%GLOBAL_CartItems%%
函数一旦物品进入购物车就更换。我知道到目前为止我所拥有的是不对的,但我相信我走的正确轨道。如果有人好奇,这是在基于BigCommerce的网站上。任何想法?
答案 0 :(得分:2)
找到解决方案
<div style="display:none;" id="CartContent">
%%Panel.SideCartContents%%
</div>
<script>
jQuery(document).ready(function(){
var itms = '%%GLOBAL_CartItems%%';
var cartHTML = jQuery("#CartContent").html();
var cartAmount = jQuery(cartHTML).find("#tot strong").html();
jQuery("#cartText").html( itms + ' - ' + cartAmount );
});
</script>
<span id="cartText">Cart Empty - $0</span>
然后在我的购物车文件中,我把它放在:
<span id="tot">%%LNG_SideCartTotalCost%%</span>
然后显示Cart Empty - $ 0直到一个项目进入购物车然后它放入信息并替换div内容