除非滑块已打开,否则绑定点击次数

时间:2012-11-17 22:39:05

标签: jquery function click

在此问题出现之前,我建议您访问该网站并尝试在购物篮中添加一些内容,以便了解它的作用。

如果您转到here并向购物篮中添加内容,则会看到滑出式标签显示您对购物篮的添加。

这是通过绑定添加篮按钮的功能和.trigger的单击(滑出的手柄)生成的,这样点击“添加到篮子”就会模拟点击“触发”。

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

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

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

控制幻灯片的代码在这里:

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

幻灯片的功能是:http://www.rubytuesdaycreative.co.uk/js/slideout.js

2 个答案:

答案 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();