响应翻转megamenu为bootstrap？

Question

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

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

最大的问题是，当在桌面上时，菜单不会翻转，您需要将其单击打开。

所以我的问题是2部分

1. 我们可以在桌面上翻滚时打开它吗？
2. 或者有人可以推荐一个可以满足我需要的引导程序3 megamenu吗？

我找到的所有内容仅在Click

上

Answer 1

以下是如何使用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");
      });
  }
});