将.live或.on添加到jquery函数

时间:2012-08-24 16:47:07

标签: javascript jquery

我有一些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> 

1 个答案:

答案 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();

  });
});