jquery toggle: al hacer clic en el enlace salta a la parte superior de la página

Question

Creé un alternador jquery, pero cuando hago clic en el vínculo para abrir un div, salta a la parte superior de la página. ¿Cómo puedo arreglar esto?

Sé que podría reemplazar el enlace por otra cosa, pero tengo que dejar claro a los usuarios que es un enlace y que pueden hacer clic en él.

Answer 1

Agregue return false; al final del código que se ejecuta al hacer clic en el enlace.

$('a.myLink').toggle(function() { 
    // run my code 
    return false; 
}); 

Alternativamente, se puede agarrar el objeto event, y llamar a .preventDefault().

$('a.myLink').toggle(function(event) { 
    event.preventDefault(); 
    // run my code 
}); 

Ambos métodos desactivan el comportamiento predeterminado del enlace.

El primero también evitará que el evento burbujee, por lo tanto, úselo solo si no necesita utilizar el evento de burbujeo.

Answer 2

Eso es porque hay una acción predeterminada asociada con elementos como enlaces, casillas de verificación, botones de radio, etc Usted puede cancelar este modo:

$('a.mylink').click(function(ev) { // Pass in the event object to your function 
    // do stuff 
    ev.preventDefault(); 
    return false; 
}); 

Más información aquí: http://api.jquery.com/event.preventDefault/

En el raro caso de adjuntar un controlador de eventos a un elemento secundario de un enlace, también querrá usar event.stopPropagation(), para detener el evento que burbujea el DOM.