Dropit下垂并不隐藏在鼠标上

Question

我有一个下拉列表，我已经把鼠标设定为选项。因此，如果鼠标在触发器之外，则菜单应该关闭。我使用的是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;
}

Answer 2

将jquery更改为

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