在此问题出现之前,我建议您访问该网站并尝试在购物篮中添加一些内容,以便了解它的作用。
如果您转到here并向购物篮中添加内容,则会看到滑出式标签显示您对购物篮的添加。
这是通过绑定添加篮按钮的功能和.trigger的单击(滑出的手柄)生成的,这样点击“添加到篮子”就会模拟点击“触发”。
simpleCart.bind( "afterAdd" , function(){
$('.trigger').click();
});
添加第二个项目时会出现问题。因为篮子滑出已经处于'out'状态,第二次你点击'添加到篮子'它会再次调用该函数,这会在触发器上产生“点击”,这次关闭篮子滑出。
我如何实现一行代码来测试篮子滑出是否处于“out”状态然后不执行此功能......还是有更好的方法?
控制幻灯片的代码在这里:
var settings = {
objSlideTrigger: '.trigger',
objSlidePanel: '.panel'
}
答案 0 :(得分:1)
simpleCart.bind( "afterAdd" , function() {
var isHidden = !$('.panel').is('.out');
if(isHidden) {
$('.trigger').click();
}
});
答案 1 :(得分:0)
在滑动div的功能中,在滑出之前检查它是否隐藏。
if ($(div:hidden).length > 0) {
//slide out div
}
添加到当前代码添加:
$('.trigger').is(':hidden').click();