Comment empêcher un clic sur un lien « # » de sauter en haut de la page ?

Question

J'utilise actuellement les balises <a> avec jQuery pour lancer des choses comme des événements de clic, etc.

Exemple : <a href="#" class="someclass">Text</a>

Mais je déteste comment le '#' fait sauter la page en haut de la page. Que puis-je faire à la place ?

Answer 1

Donc c'est vieux mais... juste au cas où quelqu'un trouverait ça dans une recherche.

Il suffit d'utiliser "#/" au lieu de "#" et la page ne sautera pas.

Answer 2

Dans jQuery, lorsque vous gérez l'événement de clic, retournez false pour empêcher le lien de répondre de la manière habituelle. Empêchez l'action par défaut, qui consiste à visiter l'attribut href, d'avoir lieu (selon le commentaire de PoweRoy et la réponse d'Erik) :

$('a.someclass').click(function(e)
{
    // Special stuff to do when this link is clicked...

    // Cancel the default action
    e.preventDefault();
});

Answer 3

vous pouvez même l'écrire comme ceci :

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

je ne suis pas sûr que ce soit une meilleure façon mais c'est une façon :)

Answer 4

Solution n °1 : (simple)

<a href="#!" class="someclass">Text</a>

---

Solution n °2 : (nécessaire javascript)

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

---

Solution n °3 : (nécessaire jQuery)

<a href="#" class="someclass">Text</a>
<script>
$('a.someclass').click(function(e) {
    e.preventDefault();
});
</script>

Answer 5

Vous pouvez utiliser event.preventDefault() pour éviter cela. Pour en savoir plus : http://api.jquery.com/event.preventDefault/.