javascript - 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

您可以使用下面的 css 来显示/隐藏下拉菜单，而不是使用 jquery。

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