好的,所以我需要的是相当简单的。
我已经设置了一个带有一些下拉菜单的导航栏(使用class="dropdown-toggle" data-toggle="dropdown"
),它工作得很好。
问题是它工作"onClick
",而我更喜欢它工作"onHover
“。
有什么内置的方法可以做到这一点吗?
发布于 2013-04-25 20:14:51
最简单的解决方案是CSS。添加像这样的东西。
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0; // remove the gap so it doesn't close
}
发布于 2014-03-01 16:12:15
最好的方法就是用鼠标悬停来触发bootstraps click事件。这样,它应该仍然保持对触摸设备的友好
$('.dropdown').hover(function(){
$('.dropdown-toggle', this).trigger('click');
});
发布于 2013-10-24 17:21:17
您可以使用jQuery的悬停函数。
您只需在鼠标进入时添加类open
,并在鼠标离开下拉列表时删除该类。
下面是我的代码:
$(function(){
$('.dropdown').hover(function() {
$(this).addClass('open');
},
function() {
$(this).removeClass('open');
});
});
https://stackoverflow.com/questions/16214326
复制相似问题