html - página - ¿Cómo detener el salto al hacer clic en un enlace de anclaje?
href html ejemplos (3)
Esta pregunta ya tiene una respuesta aquí:
¿Hay alguna manera de evitar el salto al hacer clic en un enlace de anclaje? Para que la vista no cambie
El enfoque más semántico y significativo para este problema sería manejar el evento onclick desde JavaScript. Idealmente, este archivo sería mejor guardarlo en un archivo separado, sin embargo, incluir un script en línea dentro de su archivo problemático sería suficiente. Así es como te recomendé abordar este problema si ya estás usando una biblioteca de JavaScript como jQuery.
Asignar una ID
Incluye un atributo de identificación en tu ancla para que pueda ser seleccionado usando jQuery:
<a href="#anchor" id="mylink" title="Title Here">Link Text</a>
Enlace clic evento
Desde dentro de su archivo JavaScript / script en línea incluye lo siguiente:
$(''#mylink'').click(function(event) {
// This will prevent the default action of the anchor
event.preventDefault();
// Failing the above, you could use this, however the above is recommended
return false;
});
El método anterior se explica en su totalidad utilizando los sitios web de jQuery API: http://api.jquery.com/event.preventDefault/
Puede usar Javascript para evitar el comportamiento predeterminado del enlace, un ejemplo simple es:
<a href="#myanchor" onclick="return false;">link</a>
Solo usa:
<a href="javascript:void(0);">Text</a>