Bootstrap下拉菜单：如何在悬停时触发，但仅在已打开时触发

debugcn 发表于 Dev

迈克·罗克特（MikeRockétt）

我想模拟Windows中经典主菜单的行为。流程是这样的：

单击菜单项，例如“文件”-菜单打开
将指针移动到另一个菜单项，例如“编辑”-菜单打开，“文件”菜单关闭。

我有一个普通的navbar，只有下拉菜单。

如何在Bootstrap 3中模拟这种行为？我知道我需要重写clickandhover事件，但是不确定如何执行此操作。

编辑：我已经看到了，但是它似乎不起作用，似乎只是悬停了。（至少，该演示不起作用，这不是很令人鼓舞。）

编辑：到目前为止，我的糟糕尝试：

$(function() {
    $("li.dropdown").hover(
        function() {
            if ($('.open').length !== 0) {
                $('.open').removeClass('.open');
                $(this).addClass('open');
            }
        }
    );
});

它确实会先检查是否已经打开，但是当我关闭所有菜单时（在此阶段，它们都保持打开状态-现在修复该问题），然后再次进行操作，则不会遵循相同的过程。我敢肯定，我很想念某些东西。

迈克·罗克特（MikeRockétt）

知道了。我的逻辑今天没完成。还不习惯Bootstrap及其运行方式。

这就像一个护身符-只需检查一下它是否完全合格即可：

$(function() {
    $("li.dropdown").hover(
        function() {
            if ($('.open').length !== 0) {
                $('.open').removeClass('open').find('>ul').css('display', 'none');
                $(this).addClass('open').find('>ul').css('display', 'inline-block');
            }
        }
    );
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。