jQuery мега-меню при наведении мыши

Question

Я использую «Mega Menu» Сох Танаки - http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/ - в раскрывающемся меню и имею некоторые проблемы с функцией «out». Меню использует hoverIntent и должно исчезнуть с задержкой времени «500», но оно просто исчезает при наведении мыши:

http://native.thefutureforward.com/

Файл JS, о котором идет речь, называется "js / mega-menu.min.js". Я понимаю, что мой код сейчас немного запутан, поэтому я работаю над этим.

Любая помощь в задержке и исчезновении мышки в меню будет очень полезна!

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, а не имена функций.