我正在尝试为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/

10-09 14:30