mouseover mouseout不能在多個ul上工作

Question

有誰知道如何讓我的腳本適用於多個ul？

請看my jsfiddle。
如您所見，該腳本僅適用於mouseover上的第二個ul。

謝謝先進！
親切的問候，
喬納森

Answer 1

所以讓我解釋一下，發生了什麼。你只是選擇了最後創建的div，所以只有那一個去了。

我必須找到所選.active和所選div

這裏是例子：

http://jsfiddle.net/JoshuaPack/YFUsJ/23/

在mouseover我加入這個要頂改變active和animation瓦爾

active = $(this).parent().find('.active'); 
    animation = $(this).parent().find('div'); 

在mouseout我加了這個。

active = $(this).find('.active'); 
    animation = $(this).find('div'); 

編輯： 對於與類active移動到其他<li>對象問題，則必須將<div>附加每個.active類分別 這裏是例如：

http://jsfiddle.net/JoshuaPack/YFUsJ/31/

我做的是將動畫var包裝成.each

$.each(active, function() { 
    var animation = $('<div>').css({ 
     'position': 'absolute', 
     'height': $(this).outerHeight()-1, 
     'width': $(this).outerWidth(), 
     'marginTop': ($(this).parent().index() * $(this).outerHeight()), 
     'borderBottom': '1px solid #000', 
     'z-index': -10 
    }); 
    $(this).parent().parent().prepend(animation); 
}); 

相反或預先考慮到<ul>像以前一樣，我這樣做是爲了家長應該始終在那裏爲與類active菜單的父。