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

Add .live or .on to jquery function

本文关键字：jquery 函数 添加 live on      更新时间：2023-09-26

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

我从下面这段动态创建的代码中提取信息。此购物车总数在cartSumaryItem中自动更新。当有人添加到购物车时，我只需要更新我的新样式汇总。我尝试了以下建议，但它们似乎不起作用。我可能只是添加了一些错误的内容。

<td class="cartSummaryItem">
1 item(s), Total: $10.95 
</td>

评论说了什么，基本上是

也使用.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();
  });
});
相关文章：