Question

我正在使用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/

Answer 1

UL＃dropdown应该在包含.process的LI中，并且.process应该在li上，而不是在a上。这使得#dropdown成为li.process的子节点，因此当你在li.process中时，悬停不会结束。

我开始重复你的小提琴，但它需要一些CSS调整才能完成所有工作。

更新（基于下面评论中的小提琴）：

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

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

jquery菜单 - 淡入/淡出

1 个答案: