jquery - Bootstrap 的响应式翻转 megamenu？

Question

我正在尝试为 bootstrap 3 创建一个响应式 megamenu，我在下面找到了一个 http://geedmo.github.io/yamm3/

并将其应用到我的构建中 http://think.darkstarmedia.net

最大的问题是当在桌面上时，菜单不会滚动，你需要点击它打开。

所以我的问题分为两部分

1. 我们能否让它在桌面上滚动时打开？
2. 或者有人可以推荐一个 bootstrap 3 megamenu 来满足我的需要吗？

我找到的所有都是点击

Answer 1

这是一个如何使用 JS 实现的示例，其中包含一个媒体查询条件，仅在高于 800 像素的视口(viewport)上启用 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");
      });
  }
});