0

在这个问题之前,我建议您访问该站点并尝试在篮子中添加一些东西,这样您就可以看到它的作用。

如果你去这里添加一些东西到篮子里,你会看到滑出标签显示你添加到篮子里。

这是通过绑定添加购物篮按钮的功能和点击 .trigger(一起滑出的手柄)的功能来生成的,这样点击“添加到购物篮”就可以模拟点击“触发”。

simpleCart.bind( "afterAdd" , function(){
    $('.trigger').click();
});

添加第二个项目时会出现此问题。因为篮子滑出已经处于“退出”状态,第二次点击“添加到篮子”时它再次调用该函数,这会在触发器上创建一个“点击”,这一次关闭篮子滑出.

我将如何实现一行代码来测试篮子滑出是否处于“退出”状态,然后不执行此功能......或者有更好的方法吗?

控制滑出的代码在这里:

    var settings = {
        objSlideTrigger: '.trigger',
        objSlidePanel: '.panel'
    }

滑出功能是:http ://www.rubytuesdaycreative.co.uk/js/slideout.js

4

2 回答 2

1
simpleCart.bind( "afterAdd" , function() {
    var isHidden = !$('.panel').is('.out');
    if(isHidden) {
        $('.trigger').click();
    }
});
于 2012-11-17T22:49:25.037 回答
0

在滑出div的功能中,在滑出之前检查它是否隐藏。

if ($(div:hidden).length > 0) {
    //slide out div
}

添加到当前代码添加:

$('.trigger').is(':hidden').click();
于 2012-11-17T22:46:06.260 回答