Question

当产品添加到购物车时，我试图添加一些JQuery来隐藏div。我正在使用AJAX添加到购物车并具有以下内容：

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

但是它不起作用（警报或隐藏）。我是否将其与错误事件或其他原因联系在一起？

Answer 1

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

Answer 2

希望这能解决您的问题：

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

N.B：如果“ added_to_cart”是一个ID，请在其前面添加＃号而不是dot（。）

添加到购物车通常无需刷新页面即可用于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.');
        }
    });
});

Answer 3

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

将产品添加到购物车后隐藏div

3 个答案: