0

我正在使用 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 延迟和淡出菜单的帮助将不胜感激！

4

1 回答 1

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

于 2011-12-01T16:21:39.627 回答