jQuery的2級懸停導航和鼠標懸停/鼠標移開

Question

這裏有一個工作示例：http://jsfiddle.net/Y8Tvu/

我有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將工作？

Answer 1

如果你到元素的引用可以 告訴它停止淡出時，其上空盤旋 但這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）