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

我可以在常规的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();
}); 

解决方法:

您需要删除(从CSS中)：

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

这导致它立即显示.我在您的bootply中尝试了它,并且效果很好.

祝好运！

标签：twitter-bootstrap,css,html,javascript,jquery
来源： https://codeday.me/bug/20191122/2058996.html