href = “#” Aller en haut de la page – Prévenir?

J’ai une page avec des fonctions jQuery. Le code HTML de la page ressemble à ceci:

Open 

Lorsque je clique sur le bouton Ouvrir, un panneau masqué est affiché. Le jQuery lui-même fonctionne très bien, mais lorsque je clique sur le bouton, il me conduit également en haut de la page.

Est-ce le comportement par défaut et comment puis-je éviter que chaque href="#" m’emmène en haut de la page?

Note: Je pourrais append des identifiants et indiquer au href de diriger vers cet identifiant. Je ne veux pas faire cela pour diverses raisons (y compris l’ajout de code inutile).

Dans votre gestionnaire d’événements, ajoutez e.preventDefault(); (en supposant que e soit le nom de la variable contenant l’événement):

 $('.service').click(function(e) { e.preventDefault(); }); 
 Open 

OU

 $(document).ready(function() { var a = $(".service"); a.click(function() { return false; }); }); 

OU

 $(document).ready(function() { var a = $(".service"); a.click(function(e) { e.preventDefault(); }); }); 

OU

 Open 
 $('service').click(function() {  return false; }); 

return false remplace le comportement standard de la balise ‘a’ et empêche le navigateur de revenir en haut de la page lorsque l’utilisateur clique dessus.