jquery - right - navbar bootstrap fixed

Ocultar la barra de navegación de Twitter Bootstrap al hacer clic

Question

Quería cerrar la barra de navegación móvil al hacer clic, veo la respuesta para mi pregunta aquí . El problema con el código dado en esta pregunta es que siempre está tratando de cerrar la barra de navegación, no importa si vemos la barra de navegación o la barra de navegación "Normal". Así que quiero hacer un if / else que compruebe si el ancho es más alto o más bajo que 768px (el ancho que cambia las barras de navegación), así que tengo esto en mi document.ready () en este momento.

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

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

$(window).resize(close_toggle);

El problema con este código es que si comienzo con un ancho superior a 768px y voy a menos de 768px, todo funciona bien. Pero si comienzo con un ancho inferior a 768px cuando cambio el tamaño a más de 768px, la barra de navegación normal parpadeará cuando haga clic en los enlaces (porque está cerrando el menú de alternar, creo).

Entonces necesito una instrucción else para revertir el código if, pero no sé cómo revertir ese código. Por favor, perdón por algunos errores en inglés. Espero que alguien pueda ayudarme.

Answer 1

Mira si ayuda:

 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);