0

Mi problema reside en que tengo un panel que deseo mostrar y ocultar con el click de un botón, en una página funciona correctamente pero si entro en otra cualquiera se ejecuta el toggle otra vez sin dar click en un plazo de 1 segundo.

Esto es lo que hace que se muestre si está oculto, pero si estoy en otra página que no sea la principal se muestra y se esconde enseguida, sin saber porque dado que el archivo JS es el mismo.

$('#user-toggle').on('click', function(){
    $($(this).data('target')).toggle("fast");
});
#menu-toggle {
        margin-right: 15px;
    }
    header #user-toggle { }
    
    #main-menu, #user-menu {
        display: none;
        position: fixed;
        top: 0;
        height: 100vh;
        background-color: rgba(41,92,144, 0.85);
        padding-top: 10px;
        z-index: 9999;
        overflow-y: auto;
    }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="col-xs-6">
    <button id="user-toggle" class="btn btn-default pull-right" type="button" data-target="#user-menu">
                          name
                          <span class="sr-only">Toggle navigation</span>
                      </button>
                    </div>

11
  • Falta información, evidentemente hay alguna diferencia entre las páginas. O bien en alguna se ejecuta el click() del botón o el toggle() del elemento. Los fragmentos que muestras no están completos.
    – Fly
    Commented el 17 abr. 2019 a las 11:32
  • @Fly la página es la misma dado que uso el navbar, la parte de arriba funciona en algunas páginas si y en otras no. Debuggeando un poco he descubierto que por algun motivo el evento onclick es llamado 2 veces, he estado revisando en todo mi código y solo está declarado una vez Commented el 17 abr. 2019 a las 11:38
  • Prueba a cambiarle el nombre del ID y poner otro a ver si sigue haciendolo
    – user110210
    Commented el 17 abr. 2019 a las 11:40
  • @Hsbrg el id del boton, del nav? Commented el 17 abr. 2019 a las 11:41
  • Del botón y de la declaración del .click(), por si se está llamando desde el código.
    – Fly
    Commented el 17 abr. 2019 a las 11:43

1 respuesta 1

0

La solución ha sido evitar que llame dos veces al evento, para esto jQuery incluye la función event.stopImmediatePropagation(); que evita eso mismo, de esta forma se ha solucionado el problema de la llamada doble. Gracias a todos por vuestro tiempo.

Documentación: Documentación sobre el stopImmediatePropagation()

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.