我希望下拉菜单显示在鼠标悬停上。这是我的代码的jsbin:链接
尝试过的jQuery:
$('.dropdown-toggle').hover(
function() {
$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn();
}
);
$('.dropdown-menu').hover(
function() {
$(this).stop(true, true);
},
function() {
$(this).stop(true, true).delay(200).fadeOut();
}
);
但这不起作用...
在带悬停的Bootstrap下拉菜单中,使用CSS而不是JavaScript修复了此问题。如果将接受答案的解决方案更改为
.navbar .btn-group:hover > .dropdown-menu {
display: block;
}
它应该与您的示例代码一起使用。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句