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

回答

相关问题