将产品添加到购物车时隐藏DIV

使用setTimeout函数应用CSS。 它会起作用的。

希望这将是你唯一的问题:

$(document).on("click", ".added_to_cart", function(e) {
    e.preventDefault();
    alert('added to cart');
    $(".purchase-processing").hide();
});

注意:如果“添加到购物车”是一个ID,那么在它前面添加符号,而不是点(.)。

添加到购物车通常与jquery ajax一起工作,不刷新页面。因此,如果在您的案例中发生了我所说的事情,那么您可以这样做,就像下面的代码:

$(document).on("click", ".added_to_cart", function(e) {
    e.preventDefault();
    $.ajax({
        url: 'your/php/function/link/where/product/added/processing',
        type: 'POST',
        data: demoData( of course in JSON format)
    }).done(function(res) {
        var resp = $.parseJSON(res);
        if (resp.status) {
            alert('Item successfully added to cart.');
            $(".purchase-processing").fadeOut();
        } else {
            alert('Error! when adding item to cart.');
        }
    });
});

$( document.body ).on("added_to_cart", function() {
    $(".purchase-processing").css("display","none");                        
    alert('added to cart');
});