Bootstrap 3.0移动版中的第二级下拉菜单

时间:2018-03-16 07:18:20

标签: javascript jquery twitter-bootstrap-3

我有一个自定义的bootstrap 3.36菜单。对于桌面我将onclick功能更改为onhover。现在的问题是移动菜单。

下面我找到了一小段我的jquery代码,并且我已经更改了代码以满足我的需求。但是,当我调整大于992px的窗口大小时,我调整小于992px的窗口大小,脚本停止运行。我知道我需要一个else语句来抵消这种行为,但我不确定在else语句中放什么。任何帮助将不胜感激!谢谢!

$(document).ready(function () {

  function checkWidth() {
    var windowWidth = $(window).width();
    if (windowWidth <= 992) {
      $('ul.nav li > a.nav-dropdown').click(function () {
          $(this).parent().toggleClass("open");
          $(this).removeAttr("href");
      });
    }
    else {

    }
  }
  checkWidth();
  $(window).resize(checkWidth);

});

0 个答案:

没有答案