0

jqueryを使用してシンプルなメニューを作成していますが、ロールオーバー時に表示されたままにするのに問題があります。

これが私のjQです：

$('.process').hover(function(){
            $('#dropdown').fadeIn(1000);    
        }, function(){
            $('#dropdown').delay(1000).fadeOut();
    });

$('#dropdown').mouseover(function() {
        //Need something here to hold the menu
    });
$('#dropdown').mouseleave(function() {
        $(this).fadeOut();
    });

上記で何が必要ですか？

これが半実用的な例です：

http://jsfiddle.net/kenaesthetic/L25MD/2/

4

1 に答える 1

1

UL＃dropdownは.processを含むLI内にある必要があり、.processはaではなくliにある必要があります。これにより、＃dropdownがli.processの子になるため、li.processにいる間はホバーが終了しません。

フィドルの作り直しを始めましたが、すべてを機能させるにはCSSの調整が必要です。

更新（以下のコメントのフィドルに基づく）：

http://jsfiddle.net/L25MD/11/

$('li.process').hover(function () {
    $('#dropdown').fadeIn(1000);
}, function () {
    $('#dropdown').delay(1000).fadeOut();
});
于 2013-02-08T17:35:03.300 に答える