javascript动作后激活div

Question

在此page我希望客户知道已添加到购物车中的东西。

我想知道如何做到以下几点：

点击“加入购物车”，即通过点击“我的购物车”（右上）揭示了抽屉后自动打开，显示添加的项目。

我该如何在JavaScript中做到这一点？

我相信这是抽屉的功能：

// Add to cart animation 
$(".add-to-cart").click(function(e){ 

    var elem = $(this); 
    elem.prop("disabled", true); 

    $("body").on("click", ".checkout", disable); 

    e.preventDefault(); 

    function animate() { 

    // $("#cart-animation").show() // 

    var addtocartWidth = elem.outerWidth()/2; 
    var addtocartHeight = elem.outerHeight()/2; 

    var addtocartLeft = elem.offset().left + addtocartWidth; 
    var addtocartTop = elem.offset().top + addtocartHeight ; 

    var buttonAreaWidth = $(".cart-target").outerWidth(); 
    var buttonAreaHeight = $(".cart-target").outerHeight(); 

    var buttonAreaLeft = $(".cart-target").offset().left + buttonAreaWidth/2 - $("#cart-animation").outerWidth()/2; 

    var htmlMargin = $('html').css('margin-top') 
    var htmlMarginTrim = parseInt(htmlMargin); 

     if (htmlMargin !== 0) { 
     var buttonAreaTop = $(".cart-target").offset().top + buttonAreaWidth/2 - htmlMarginTrim - $("#cart-animation").outerHeight()/2 ; 
     } else { 
     var buttonAreaTop = $(".cart-target").offset().top + buttonAreaWidth/2 - $("#cart-animation").outerHeight()/2 ; 

     } 

    var path = { 
     start: { 
     x: addtocartLeft, 
     y: addtocartTop, 
     angle: 190.012, 
     length: 0.2 
     }, 
     end: { 
     x: buttonAreaLeft, 
     y: buttonAreaTop, 
     angle: 90.012, 
     length: 0.50 
     } 
    }; 

    $('#cart-animation').animate(
     { 
     path : new $.path.bezier(path) 
     }, 
     1200, 
     function() { 
     $(elem).prop("disabled", false) 
     $("#cart-animation").fadeOut(500); 
     elem.closest('form').submit(); 
     $("body").off("click", ".checkout", disable); 
    } 
    ); 
    } 

    animate(); 
}) 

Answer 1

你可以只触发按钮我的购物车点击事件，这样你将使用已经写好的代码，而不是自己重写它的：

$(".toggle-drawer").trigger("click"); 

希望它有助于