jQuery超級菜單hoverIntent mouseOut

我在下拉菜單中使用Soh Tanaka的「Mega Menu」 - http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/，並且在使用「out」功能時遇到了一些問題。菜單採用hoverIntent，應該淡出與「500」超時延遲，但它只是消失在鼠標移開：jQuery超級菜單hoverIntent mouseOut

http://native.thefutureforward.com/

有問題的JS文件是「JS /大型menu.min.js」。我意識到我的代碼目前有點混亂，所以我正在努力。

任何有關讓菜單的mouseOut延遲和淡出的幫助將不勝感激！

來源

2011-12-01 nickff

你有一個我們可以預覽的實時頁面嗎？在megaHoverOver中，$（this）.find（「。sub」）。stop（）。fadeTo（'fast'，1）.show（）; （）。$（this）.find（「。sub」）。stop（）。fadeTo（'fast'，0，function（）{$（this）.hide（）;} ）;會淡出菜單。持續時間是您傳遞給HI插件的menuconfig的一部分。 –

是的，一切都基本上設置爲教程的默認值。我在上面的帖子中鏈接了我的頁面，但這裏又是 - http://native.thefutureforward.com/。謝謝您的幫助！ – nickff

你的代碼是從我從演示拉當我建立我的菜單有點不同：

//Set custom configurations 
var menuConfig = { 
    sensitivity: 2, // number = sensitivity threshold (must be 1 or higher) 
    interval: 100, // number = milliseconds for onMouseOver polling interval 
    over: megaHoverOver, // function = onMouseOver callback (REQUIRED) 
    timeout: 500, // number = milliseconds delay before onMouseOut 
    out: megaHoverOut // function = onMouseOut callback (REQUIRED) 
}; 


$(document).ready(function() { 
     $("ul#topnav li .sub").css({ 'opacity': '0' }); 
     $("ul#topnav li").hoverIntent(menuConfig); 
});

請注意，我的配置傳遞給hoverIntent，而不是函數名。

來源

2011-12-01 16:21:39

這看起來和我的很相似......我錯過了什麼嗎？ '代碼：var配置= { \t \t靈敏度：2，//數=靈敏度閾值（必須是1或更高） \t \t間隔：100，//數=毫秒的onMouseOver輪詢間隔 \t \t過來：megaHoverOver， //功能=的onMouseOver回調（REQUIRED） \t \t超時：500，//數=毫秒延遲之前的onmouseout \t \t出：megaHoverOut //功能=的onmouseout回調（REQUIRED） \t}; 。 \t $（文件）。就緒（函數（）{ \t \t $（「UL＃topnav利.SUB」）的CSS（{ '不透明'： '0'}）; \t \t $（「UL＃ topover av li「）。hoverIntent（config）; \t}）;' – nickff

我正在看」購買「按鈕，那是我的錯誤。我的JS文件如下：http://cma.velabusinesssolutions.com/scripts/cma.menu.js，它與你的稍有不同。我對函數的定義做了一些修改，並且修改了寬度計算的方式，這樣我就可以調整菜單的左邊位置，如果它流到父容器的外面。 –

太奇怪了..我試着加入一些你的調整，然後我試着完全使用你的代碼，一切都無濟於事。在鼠標拒絕延遲或淡出......它只是瞬間消失... – nickff

jQuery超級菜單hoverIntent mouseOut

回答

相關問題