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