Jquery 无页面重新加载的Shoppingcart计数器

我有一个简单的网店，在导航栏中有shoppingcart glypicon，我想在发送订单之前在购物车中显示金额

$.ajax({
键入：“GET”，
url:“/api/Carts”，
数据类型：“json”，
成功：功能（数据）{
设计数器=0；
$.each（数据、函数（索引、val）{
让uname=JSON.parse（localStorage.getItem（'userName'）；
如果（val.CompanyID==uname&&val.IsInCart==true）{
计数器=计数器+1；
}
});
$（'#cartsum'）。追加（计数器）；
}
})

我希望这能在

$（“.glyphicon购物车”）中工作将产品添加到购物车时，计数器会对购物车中的行进行计数，但我所尝试的一切都不起作用。
我试图将该代码放在函数中，并在
$（“.glyphicon shopping cart”）中调用该函数。我是初学者，所以也许我只是做错了什么。
谢谢你的帮助
 您是否100%确定该元素（
.glyphicon shopping cart
）在代码运行时存在（例如，它可能是由脚本生成的动态内容）。另外，您的代码是否用
$（文档）包装。准备好了吗
还是eq？您使用的是哪个jQuery版本？代码在$（文档）中。准备好了吗？如果我理解了这个问题，是的，（.glyphicon购物车）存在。哦，因此，也许我不明白-如果click事件附加到
元素，那么将事件对象传递给如下函数：
$（“.glyphicon购物车”）。on（“click”，函数（e）{e.preventDefault（）；）