Question

我可以在正常的bootstrap3下拉菜单中添加一个延迟，但是在这个例子中我只想要我创建的子菜单上的延迟（这不是自举框） - 但是使用的jquery仍然可以工作。我需要延迟，以便用户可以轻松地将光标移动到它而不关闭它（因为光标可能漂移在a：hover元素之外）。

看看这个bootply - http://bootply.com/101522，请帮助或建议为什么这不起作用！

jQuery('li.dropdown-submenu').hover(function () {
    jQuery(this).find('ul.dropdown-menu').stop(true, true).delay(200).fadeIn();
}, function () {
    jQuery(this).find('ul.dropdown-menu').stop(true, true).delay(200).fadeOut();
});

Answer 1

您需要删除（来自您的CSS）：

.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}

这导致它立即显示。我在你的bootply尝试了它，它完美无缺。

祝你好运！

在子菜单下拉列表中添加延迟 - bootstrap3

1 个答案: