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

Question

我想在点击时关闭移动导航栏，我 在这里看到了我的问题的答案。这个问题中给出的代码的问题是它总是试图关闭导航栏，无论我们看到切换导航栏还是“正常”导航栏。所以我想做一个 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);