jQuery mega menu hoverIntent mouseOut

Question

我正在使用Soh Tanaka的“Mega Menu” - http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/ - 在下拉菜单中，并且在“out”功能方面存在一些问题。该菜单使用hoverIntent，应该以超时延迟“500”淡出，但它在mouseout上消失：

http://native.thefutureforward.com/

有问题的JS文件是“js / mega-menu.min.js”。我意识到我的代码目前有点乱，所以我正在努力。

任何关于让菜单的mouseOut延迟和淡出的帮助都会非常感激！

Answer 1

您的代码与我在构建菜单时从演示中提取的代码略有不同：

 //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，而不是函数名称。