0

私のウェブサイトで私はボタンを手に入れました。クリックするとドロップダウンが表示されます。もう一度クリックすると。消えます。jQuery関数TOGGLEを使用しています。今、私は以下が欲しいです。ドロップダウンから2秒間移動するか、ドロップダウンの外側をクリックした場合。それは再び消えなければなりません。

タイマーでトグル機能を切り替えて外をクリックする方法はありますか?これはコードです:

$(Ar3).addClass(aU);
$('.ContextMenuLink').toggle(function () {
    $(hP).css('background', '#fff');
    $('.ContextMenuTxt').css('color', '#6b8592');
    $(CM).css('display', 'block');
    $(Ar3).addClass(aD).removeClass(aU);
}, function () {
    $(hP).css('background', 'none');
    $('.ContextMenuTxt').css('color', '#fff');
    $(CM).css('display', 'none');
    $(Ar3).removeClass(aD).addClass(aU);
});
4

1 に答える 1

0

を発行するようにタイマーを設定するだけ$('.ContextMenuLink').click()です。

外側のクリックについては、次のようにします。

$(document).click(function outSideClick(e){
    if(e.target != $('.ContextMenuLink')[0]){
        $('.ContextMenuLink').click();
        $(document).unbind('click',outSideClick);
    })
});

ドロップダウンをクリックするかタイマーを使用してドロップダウンを閉じるときはいつでも、このイベントのバインドを解除することを忘れないでください。

于 2012-08-22T07:48:15.667 に答える