Comment faire en sorte qu'une balise d'ancrage ne renvoie à rien ?

Question

J'utilise jQuery, je dois faire en sorte que certaines balises d'ancrage n'effectuent aucune action.

Je l'écris généralement comme ça :

<a href="#">link</a>

Cependant, il s'agit du haut de la page !

Answer 1

Il existe quelques solutions moins que parfaites :

1. Lien vers une fausse ancre

<a href="#">

Problème : en cliquant sur le lien, on revient en haut de la page.

2. Utiliser une balise autre que "a".

Utilisez une balise span et utilisez le jquery pour gérer le clic.

Problème : la navigation au clavier est interrompue et il faut changer manuellement le curseur de survol.

3. Lien vers une fonction javascript void

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

Problème : rupture lors de la liaison d'images dans IE

Solución

Comme toutes ces méthodes ont leurs problèmes, la solution que j'ai retenue consiste à créer un lien vers une fausse ancre, puis à renvoyer false à partir de la méthode onClick :

<a href="#" onClick="return false;">

Ce n'est pas la solution la plus concise, mais elle résout tous les problèmes posés par les méthodes ci-dessus.

Answer 2

Si vous ne voulez pas qu'il pointe vers quoi que ce soit, vous ne devriez probablement pas utiliser l'attribut <a> (ancre) tag.

Si vous voulez que quelque chose ressemble à un lien mais ne se comporte pas comme un lien, il est préférable d'utiliser l'élément approprié (comme l'élément <span> ), puis de le styliser à l'aide de CSS :

<span class="fake-link" id="fake-link-1">Am I a link?</span>

.fake-link {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

En outre, étant donné que vous avez étiqueté cette question "jQuery", je suppose que vous voulez joindre un gestionnaire d'événement de clic. Dans ce cas, il suffit de faire la même chose que ci-dessus et d'utiliser quelque chose comme le JavaScript suivant :

$('#fake-link-1').click(function() {
    /* put your code here */
});

Answer 3

Pour qu'il ne fasse rien du tout, utilisez ceci :

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

Answer 4

La bonne façon de procéder est de "rompre" le lien avec jQuery lorsque vous manipulez le lien.

HTML

<a href="#" id="theLink">My Link</a>

JS

$('#theLink').click(function(ev){
    // do whatever you want here

    ev.preventDefault();
    ev.stopPropagation();
});

Ces deux derniers appels empêchent le navigateur d'interpréter le clic.

Answer 5

Que voulez-vous dire par "rien" ?

<a href='about:blank'>blank page</a>

ou

<a href='whatever' onclick='return false;'>won't navigate</a>