12
votes

Comment arrêter le saut lorsque vous cliquez sur un lien d'ancrage?

Y a-t-il une façon d'éviter le saut en cliquant sur une liaison d'ancrage? De sorte que la vue ne change pas.


3 commentaires

Pouvez-vous nous montrer un exemple du code "saut"?


Si vous ne voulez pas que la vue change, pourquoi un lien d'ancrage? S'il vous plaît effacer cela.


Je sais que c'est super vieux, mais pour répondre à @joerihendrickX parfois, ce n'est pas une option. Par exemple, je fais des tests de division A / B qui nécessitent des modifications à apporter à une page de clients après la charge. Je ne peux pas modifier leur code d'origine mais je dois modifier le comportement pour déterminer via des données si cela devrait être effectué ou non. Cette question est valide à 100%.


3 Réponses :


1
votes

Vous pouvez utiliser JavaScript pour empêcher le comportement par défaut du lien, un exemple simple étant: xxx


3 commentaires

la position des divs avec l'identifiant ne change pas lorsque j'utilise votre extrait


J'ai marqué cela sur Cos Inline JS est un cauchemar - à mon avis


évidemment, il fait le travail sur l'arrêt du saut mais empêche également l'événement de se produire



15
votes

Il suffit d'utiliser:

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


2 commentaires

J'ai marqué cela parce que ceci: Stackoverflow.com/Questtions/2321469/...


événement.preventDefault (); est une meilleure option



21
votes

L'approche la plus sémantique et la plus significative de ce problème serait de gérer l'événement OnClick à partir de JavaScript. Idéalement, ce fichier serait préférable d'être stocké dans un fichier séparé, cependant, y compris un script en ligne dans votre fichier de problème suffirait. Voici comment j'avais recommandé de m'approcher de ce problème si vous utilisez déjà une bibliothèque JavaScript comme JQuery.

Attribuer un identifiant fort>
Inclure un attribut d'identifiant à votre ancre afin qu'il puisse être sélectionné à l'aide de jQuery: p> xxx pré>

lind cliquez sur l'événement fort>

Dans votre script de fichier JavaScript / en ligne, citons les suivants: P>

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

});


1 commentaires

Parfois, vous souhaitez désactiver le saut et effectuer tous les autres comportements par défaut tels que l'APPENDER OGENCHOR à l'emplacement sans rechargement de page. événement.preventDefault () seul ne fonctionnera pas.