Hola buenas, estoy haciendo un proyecto de un backend con bootstrap y angularjs, como bootstrap me pedía jquery le incorpore también la librería JQuery.
El problema que tengo es que tengo este script:
Código:
$(document).ready(function(){
$(".navbar li a").click(function(event) {
// check if window is small enough so dropdown is created
if(innerWidth < 768){
$("#menu").collapse('hide');
}
});
});
En algún momento me funciono, pero ahora no se porque no me funciona, lo utilizo para ocultar el navbar en dispositivos móviles mediante la función collapse que incorpora bootstrap.
He probado de ver que objetos me devuelve $(".navbar li a") y me devuelve los 2 links que quiero seleccionar correctamente, he probado la funcion $("#menu").collapse('hide'); y tmb funciona correctamente, he probado también de poner un alert antes del if para ver si entra pero ni siquiera entra al hacer click.
La finalidad de usar esto es que al hacer clic en móviles el menú se retraiga solo.
Que pensáis que puede ser? Hay incompatibilidad entre angularjs y jquery? Al usarlo en la misma web? Y en caso que si porque me funciono alguna vez.
Código:
<div class="collapse navbar-collapse" id="menu">
<ul class="nav navbar-nav">
<li><a href="#/prueba">Prueba</a></li>
<li><a href="#/prueba/prueba2">Prueba</a></li>
</ul>
<p class="navbar-text navbar-right">{{userText}} {{username}}
<button ng-click="salir()">{{salirText}}</button>
</p>
</div>
Este seria el menu que se muestra y oculta con jquery y bootstrap
Gracias de antemano, me esta volviendo loco este tema.