水平jquery菜單 - 試圖阻止動畫隊列

你好，我想做一個水平菜單。子菜單也是水平的。子菜單應該淡入，並在mouseleave上淡出。水平jquery菜單 - 試圖阻止動畫隊列

我的問題是，jquery使這些動畫隊列的東西，並殺死我的菜單。也許如果你看看jsfiddle你明白我的意思。

2012-07-01 mnewmedia

與stopPropagation似乎工作，但我不知道是否就是想你想：'懸停（函數（E）{$（本）。兒童（「UL 「）.fadeIn（」slow「）; e.stopPropagation（）;' –

已通過測試，並不適用於我，同樣的問題，但thx無論如何！ – mnewmedia

http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_tabs /＃ – mnewmedia

你想停止哪個元素？使用這個來代替：

$("#nav li").hover(function() { 
    $(this).children("ul").stop(true, true).fadeIn("slow"); 
    }, 
    function(){ 
    $(this).children("ul").stop(true, true).fadeOut("slow"); 
});

jsFiddle

來源

2012-07-01 15:07:02 Farahmand

aaah更好!!但你也知道如何防止這種重疊。如果你從左到右快速懸停在所有的鏈接？或mabye有人現在一個教程或示例菜單的即時通訊試圖做..？ – mnewmedia

@ user1494353通過減少fadeOut毫秒例如'.fadeOut（1）;'** [jsFiddle]（http://jsfiddle.net/gEpvG/3/）** – Farahmand

@ user1494353我認爲'.fadeOut（100）'是您的理想選擇。 – Farahmand

水平jquery菜單 - 試圖阻止動畫隊列

回答

相關問題