我正在尝试为Bootstrap 3创建一个响应式megamenu,我在下面找到了一个
http://geedmo.github.io/yamm3/
并把它应用到这里
http://think.darkstarmedia.net
最大的问题是,在桌面上时,菜单不会翻转,您需要单击将其打开。
所以我的问题是2部分
我们可以在桌面上翻转时打开它吗?
还是可以推荐一个bootstrap 3 megamenu来满足我的需要?
我找到的所有东西都只能点击
最佳答案
这是一个使用JS进行操作的示例,其中包括一个媒体查询条件,该条件仅在高于800px的视口上启用hover
函数。
工作示例:jsfiddle
//NAV Dropdown Hover
$(function() {
if ($(window).width() > 800) {
$(".dropdown").hover(
function() {
$('.dropdown-menu', this).stop(true, true).fadeIn("fast");
$(this).toggleClass('open');
$('b', this).toggleClass("caret caret-up");
},
function() {
$('.dropdown-menu', this).stop(true, true).fadeOut("fast");
$(this).toggleClass('open');
$('b', this).toggleClass("caret caret-up");
});
}
});
关于jquery - 响应式滚动megamenu进行引导?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31869591/