点击隐藏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);