Come interrompere il salto quando si fa clic su un collegamento di ancoraggio?

Question

C'è un modo per evitare il salto quando si fa clic su un collegamento di ancoraggio? In modo che la vista non cambi.

Answer 1

Si potrebbe utilizzare Javascript per evitare che il comportamento predefinito del collegamento, un semplice esempio essere:

<a href="#myanchor" onclick="return false;">link</a> 

Answer 2

Basta usare:

<a href="javascript:void(0);">Text</a> 

Answer 3

L'approccio più semantico e significativo a questo problema sarebbe per gestire l'evento onclick da JavaScript. Idealmente questo file sarebbe il migliore per essere memorizzato in un file separato, tuttavia, includendo uno script in linea all'interno del file del problema sarebbe sufficiente. Ecco come avrei consigliato di affrontare questo problema se già utilizzavi una libreria JavaScript come jQuery.

Assegnare un ID
includere un attributo id per il vostro ancoraggio in modo che sia in grado di essere selezionato utilizzando jQuery:

<a href="#anchor" id="mylink" title="Title Here">Link Text</a> 

evento Bind click
Da dentro la vostra linea in-file JavaScript/lo script include quanto segue:

$('#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; 

}); 

Il metodo sopra è esploso completamente integrato utilizzando i siti web dell'API jQuery: http://api.jquery.com/event.preventDefault/