javascript动作后激活div
问题描述:
在此page我希望客户知道已添加到购物车中的东西。javascript动作后激活div
我想知道如何做到以下几点:
点击“加入购物车”,即通过点击“我的购物车”(右上)揭示了抽屉后自动打开,显示添加的项目。
我该如何在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();
})
答
你可以只触发按钮我的购物车点击事件,这样你将使用已经写好的代码,而不是自己重写它的:
$(".toggle-drawer").trigger("click");
希望它有助于
得到它。点击添加到购物车时,我怎么会触发这个想法,所以只有在添加购物车成功时才会触发这个想法? – rs19 2014-11-23 18:20:02
添加到购物车按钮会在添加操作成功后返回一些内容吗? – BeNdErR 2014-11-23 18:21:15
这个我相信Shopify.onCartUpdate =功能(购物车) – rs19 2014-11-23 22:38:46