如何使用基于购物车计数的ajax添加和删除类

Question

我的购物车是使用ajax调用递增的。我想在计数器为1时添加一个类，在计数器为0时删除一个类。有人能告诉我如何才能实现这一点没有页面加载?是否有任何ajax查询，当计数器增加和减少时自动触发?https://prnt.sc/1xaim0a
https://prnt.sc/1xaipj8

Answer 1

$(document).on("click", function () {
var count_new = 0;
var subtotal_new = 0;
setTimeout(function () {
jQuery.getJSON('/cart.js', function (data) {
count_new = data.item_count;
if (parseInt(count_new) == 0) {      
$(".Cart_click").find(".mobile-icons").find(".hotiya").removeClass("cart_ping")
} else {
$(".Cart_click").find(".mobile-icons").find(".hotiya").addClass("cart_ping")
}
});
}, 500);
});

我想出了一个解决办法。

Answer 2

为什么不检查，ajax调用后，计数器的值，并根据类更新?这是一个ajax回调的例子:

function (data) {
if(data.counter == 0){
$('#id').removeClass('the-class');
}else{
$('#id').addClass('the-class');
}
}