jquery - スライダーが既に開いている場合を除き、クリックをバインドします

Question

この質問の前に、サイトにアクセスしてバスケットに何かを追加してみて、それが何をするかを確認することをお勧めします.

ここに移動してバスケットに何かを追加すると、スライドアウトタブが出てきて、バスケットに追加したことが示されます。

これは、[バスケットに追加] ボタンの機能と .trigger (一緒にスライドアウトするためのハンドル) のクリックをバインドすることによって生成され、[バスケットに追加] をクリックすると [トリガー] へのクリックがシミュレートされます。

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

2 番目の項目を追加すると、問題が発生します。バスケットスライドアウトは既に「アウト」状態にあるため、2 回目に「バスケットに追加」を押すと、関数が再度呼び出され、トリガーに「クリック」が作成され、今度はバスケットスライドアウトが閉じます。 .

バスケットのスライドアウトが「アウト」状態にあるかどうかをテストし、この機能を実行しないコード行を実装するにはどうすればよいですか...またはより良い方法はありますか?

スライドアウトを制御するコードは次のとおりです。

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

スライドアウトの機能は次のとおりです: http://www.rubytuesdaycreative.co.uk/js/slideout.js

score 1 · Accepted Answer

simpleCart.bind( "afterAdd" , function() {
    var isHidden = !$('.panel').is('.out');
    if(isHidden) {
        $('.trigger').click();
    }
});

score 0 · Accepted Answer

div をスライドさせる関数で、スライドさせる前に非表示になっているかどうかを確認します。

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

現在のコードに追加するには、次を追加します。

$('.trigger').is(':hidden').click();

2 に答える 2