jQuery的2级悬停导航和鼠标悬停/鼠标移开

问题描述：

这里有一个工作示例：http://jsfiddle.net/Y8Tvu/jQuery的2级悬停导航和鼠标悬停/鼠标移开

我有2个UL S，各自充满LI秒。当我将鼠标悬停在.nav-dayselector ul li a上时，jQuery被用来在第二个UL中显示相应的#hover-days ul li（这是必要的，因为实际代码在轮播内使用overflow:hidden开启，所以我们需要使用2个单独的UL并以这种方式显示它们。

这工作正常 - 问题是，当你将鼠标悬停在弹出的span（#hover-days ul li span），该#hover-days ul li淡出（见jsFiddle example）

我需要停止这种fadeOut当鼠标悬停。跨度，以便您可以使用菜单并从:hover span中选择项目。

尽管如此，与2个独立的UL一起工作的任何其他方法都是非常好的。任何简单的修复jsfiddle将工作？

答

如果你到元素的引用可以告诉它停止淡出时，其上空盘旋但这requiers用户之前与的MousePointer到达它的淡出

$(".nav-dayselector ul li a").each(function() { 
    IndexLI = $(this).parent().index(); 
    var ele = $("#hover-days ul li:eq("+IndexLI+") span"); 

    $(this).hover(function() { 
    ele.show(); 
    }, function() { 
    ele.fadeOut(); 
    }); 

    ele.hover(function() { 
    $(ele).stop().fadeIn(); 
    }, function() { 
    $(ele).fadeOut(); 
    }); 
    });

的html/css dosent似乎在我的浏览器btw工作（IE 8）

jQuery的2级悬停导航和鼠标悬停/鼠标移开

相关推荐