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

我有一些JavaScript，可以提取我购物车中的物品数量，并将其放置在span.cartotal中，以获得更好的样式。我需要代码来工作，这样它可以立即提取信息，而我不必刷新页面来查看更新。我假设代码需要添加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项，共计：10.95美元

评论基本上是怎么说的

同时-使用.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();

  });
});

函数updateTotals（）{
if（$（'#catCartSummary.cartSummaryItem'）.html（）！=“购物车为空”。）{
var summary=$（'#catcartsummmary.cartSummaryItem'）.text（）.split（“”）；
var总计=汇总[0]；
$（'span.cartotal'）.html（总计）；
}否则{
$（'span.cartotal'）.html（“0”）；
}
}
$（函数（）{
updateTotals（）；//将您的代码放入任何修改购物车中项目数量的事件中，而不是doc.ready，它仅在DOM准备就绪时执行一次。您可以将其包装在命名函数中，并在任何“添加到购物车”的单击事件中调用它按钮，因为它只能由用户交互触发。什么与您的代码不兼容？或者
.cartSummaryItems
的html是否以某种方式动态更新？嗨，Evan，我更新了上面的信息。我会对您的脚本做些什么更改？谢谢只使用您的.productSubmitInput作为选择器Hi Evan，我收到一个语法错误o在第一行.function（）updateTotals（）{这适用于click函数，但当页面加载时，它不会显示购物车中的内容的值，直到我单击“添加到购物车”。有什么想法吗？如果我保留旧代码，它也可以工作。但这似乎不是一个合适的解决方案。