jQuery 2级悬停导航和mouseovers/mouseout

Question

下面是一个工作示例：http://jsfiddle.net/Y8Tvu/

我有两个UL，每个都充满了LI。当我悬停在.nav-dayselector ul li a上时，jQuery被用来在第二个UL中显示相应的#hover-days ul li（这是必要的，因为实际代码是在overflow:hidden打开的转盘中使用的，所以我们需要使用两个单独的UL并以这种方式显示它们。

这很好——问题是，当您将鼠标悬停在弹出的span（#hover-days ul li span）上时，#hover-days ul li会淡出。（参见jsFiddle示例）

当鼠标在跨度上时，我需要停止此fadeOut，这样您就可以使用菜单并从:hover span中选择项目。

不过，使用2个单独的UL的任何其他方法都可以做到这一点。对jsfiddle有什么简单的修复方法吗？

Answer 1

如果保留对元素的引用，则可以告诉它在悬停时不要消失但这需要用户在其淡出的

  $(".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）