Dropit выпадающее меню не скроется на mouseleave

Question

У меня есть выпадающий список, и я установил mouseenter как опцию. Поэтому меню должно закрываться, если мышь находится вне триггера. Я использую jQuery 1.8.0. Может ли это быть проблемой CSS?

Это мой код для запуска плагина.

<script> 
     $(document).ready(function() { 
      $('.dropit-trigger').dropit({ 
       action: 'mouseenter' 
      }); 
     }); 
     </script> 

И это код для этой опции в плагине. Что не так?

if(settings.action == 'mouseenter'){ 
    $el.on('mouseleave', '.dropit-open', function(){ 
    settings.beforeHide.call(this); 
    $(this).removeClass('dropit-open').find(settings.submenuEl).hide(); 
    settings.afterHide.call(this); 
    }); 
} 

Answer 1

вместо того, чтобы использовать JQuery вы можете использовать это ниже CSS, чтобы показать/скрыть меню раскрывающийся.

.dropit-trigger:hover .dropit-submenu-right { 
    display : block !important; 
} 

Answer 2

Изменить JQuery для

<script> 
    $(document).ready(function() { 
     $('.navi').dropit({ 
      action: 'mouseenter' 
     }); 
    }); 
</script>