jquery - 单击时隐藏 Twitter Bootstrap 导航栏

Question

我想在点击时关闭移动导航栏，我看到了问题的答案 here 。 这个问题中给出的代码的问题是它总是试图关闭导航栏，无论我们看到切换导航栏还是“正常”导航栏。 所以我想做一个 if/else 来检查宽度是否高于或低于 768px(改变导航栏的宽度)，所以我现在在我的 document.ready() 中有这个。

 function close_toggle() {
   if ($(window).width() <= 768) {

    $('.nav a').on('click', function(){
        $(".navbar-toggle").click();
    });
 } 
}
close_toggle();

$(window).resize(close_toggle);

这段代码的问题是，如果我从高于 768px 的宽度开始，然后到小于 768px ，一切都很好。 但是，如果我从低于 768px 的宽度开始，当我将大小调整到高于 768px 时，当我单击链接时，正常的导航栏将会闪烁(我认为是因为正在关闭切换菜单)。

所以我需要一个 else 语句来反转 if 代码，但我不知道如何反转该代码。 请原谅一些英文错误。 希望有人能帮助我。

Answer 1

看看是否有帮助:

 function close_toggle() {
   if ($(window).width() <= 768) {
      $('.nav a').on('click', function(){
          $(".navbar-toggle").click();
      });
   }
   else {
     $('.nav a').off('click');
   }
}
close_toggle();

$(window).resize(close_toggle);