javascript - JQueryのキャンセルドロップダウン/クイックホバーアクションのリストのスライドダウン

Question

マウスがホバー領域のみをグレースしているときにリストのドロップダウンをキャンセルする方法はありますか？

マウスがUL上に約1秒間置かれたときに、リストをドロップダウン/スライドダウンしたいと思います。

乾杯

Answer 1

ホバーするよりも、クリック時にドロップダウンを切り替える方がよい場合があります。これが理由を説明しています。

ホバー時にこれを行う必要がある場合は、タイマーを設定するだけです。

$('.myElement').hover(function() {
    var myElement = $(this);
    setTimeout(function() {
        if(myElement.is(':hover'))
        {
            // Do drop down here
        }
    }, 1000);
})

編集：これはjQuery 1.8以降では機能しない可能性があります。別の方法は、クラスを使用することです。

$('.toggleDropdown').hover(function() {
    $('ul', this).addClass('hover');
    setTimeout(function() {
        $('.hover').stop().slideDown(500);
    }, 1000);
}, function() {
    $('ul', this).removeClass('hover');
})

そのように：JSFiddle。