Jak zatrzymać skok po kliknięciu na link zakotwiczenia?

Question

Czy istnieje sposób na uniknięcie skoku po kliknięciu linku kotwicy? Aby widok się nie zmienił.

Answer 1

Można użyć JavaScript, aby zapobiec zachowanie domyślne łącza, prosty przykład jako:

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

Answer 2

Wystarczy użyć:

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

Answer 3

Najbardziej semantyczny i sensowne podejście do tego problemu byłoby obsłużyć zdarzenie onclick z poziomu JavaScript. Najlepiej byłoby, gdyby plik ten był najlepiej przechowywany w osobnym pliku, jednak wystarczyłby skrypt w linii w pliku problemu. Oto, jak zaleciłbym podejście do tego problemu, jeśli już korzystasz z biblioteki JavaScript, takiej jak jQuery.

przypisać identyfikator
zawierać atrybut id do swojej kotwicy więc mógł być wybrany przy użyciu jQuery:

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

Bind zdarzenia kliknięcia
Od wewnątrz linii w-pliku JavaScript/Skrypt zawiera:

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

}); 

Powyższa metoda została rozwinięta w pełni wykorzystując strony internetowe jQuery API: http://api.jquery.com/event.preventDefault/