Javascript在活动时用函数替换div的内容

时间:2013-08-23 03:20:56

标签: javascript jquery html css

我正在尝试使函数和一些相关的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的网站上。任何想法?

1 个答案:

答案 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内容