jQuery désactiver un lien

Ce que quelqu'un sait comment désactiver un lien en jquery SANS l'aide de return false;?

Plus précisément, ce que je suis en train de faire est de désactiver le lien d'un article, d'effectuer un clic sur l'aide de jquery qui déclenche quelques trucs, puis re-permettre à ce lien de sorte que si il est cliqué à nouveau, il travaille en tant que par défaut.

Grâce.
Dave

Mise à JOUR
Voici le code. Ce qu'il doit faire après la .expanded classe a été appliqué est de ré-activer le lien désactivé.

$('ul li').click(function(e) {
    e.preventDefault();
    $('ul').addClass('expanded');
    $('ul.expanded').fadeIn(300);
    //return false;
});

Pourquoi l'exigence de ne pas utiliser return false? Utiliser, et ensuite de supprimer le gestionnaire d'événement lorsqu'il ne s'applique plus (ou mettre un conditionnel dans le retour des valeurs différentes selon le statut de la "quelques trucs").
Êtes-vous juste essayer de faire des pré-traitement avant que le lien est suivi sur le même cliquez sur l'action? c'est à dire que vous n'êtes pas en proposant deux clics, mais plutôt de l'utilisateur clique sur le lien, certaines actions se produisent, le lien est suivi?
Sinon, pouvez-vous expliquer pourquoi vous prenez cette approche comme une meilleure compréhension de l'espace du problème permettra d'améliorer les réponses.
Je propose 2 clics sur le même lien. 1 pour faire des trucs tout d'abord, puis la 2ème à traiter le lien comme un.
Jusqu'à présent, j'ai essayé de retourner faux et il se poursuit jusqu'à la seconde partie de mon but, c'est à dire ne permettant pas à la 2e cliquez sur pour passer à travers. Si vous pourriez écrire un court exemple, je serais plus que reconnaissante.
Dorward return false ne fonctionne que si il n'y a pas d'erreurs. Elle rend très difficile à déboguer lorsque le rechargement de la page avant que vous puissiez voir ce qui s'est passé.
J'ai ce même problème, et la suppression de 'href' ne fonctionne pas bien pour moi dans mon cas parce que j'ai peut-être besoin de cette valeur. Donc, j'ai été d'examiner le positionnement d'un opacity:0 DIV sur le dessus de la lien hypertexte temporairement. L'un pour la mise en œuvre de la croix-plate-forme de l'opacité:0, cependant.

InformationsquelleAutor davebowker | 2009-06-09

hyperlink jquery

353
```
$('#myLink').click(function(e) {
    e.preventDefault();
    //do other stuff when a click happens
});
```
Qui permettra d'éviter le comportement par défaut d'un lien hypertexte, qui est de visiter le spécifiée href.

De l'jQuery tutoriel:

Pour cliquer sur et à la plupart des autres événements, vous
peut empêcher le comportement par défaut -
ici, en suivant le lien jquery.com
- en appelant événement.preventDefault() dans le gestionnaire d'événements

Si vous voulez preventDefault() que si une certaine condition est remplie (quelque chose est caché par exemple), vous pouvez tester la visibilité de votre ul avec la classe élargi. S'il est visible (c'est à dire pas caché) le lien doit se déclencher comme normale, comme si l'instruction ne sera pas entré, et donc le comportement par défaut ne sera pas empêchée:
```
$('ul li').click(function(e) {
    if($('ul.expanded').is(':hidden')) {
        e.preventDefault();
        $('ul').addClass('expanded');
        $('ul.expanded').fadeIn(300);
    } 
});
```
- Avec jQuery 1.7+ que vous pouvez utiliser sur/off: stackoverflow.com/questions/209029/...
- si il y a un href et onclick cela fonctionne $("#myLink").attr('onclick', ").click(function (e) { e.preventDefault(); });
- réalisé grâce à ajax et jquery, je peut en cacher un href acheter en avoir le rappel de garder les grattoirs à partir de ces liens. Génial merci!
- ceci post a facile à l'aide de bootstrap, l'espoir aide.
InformationsquelleAutor karim79
103

Essayez ceci:
```
$("a").removeAttr('href');
```
EDIT-

À partir de votre code mis à jour:
```
 var location= $('#link1').attr("href");
 $("#link1").removeAttr('href');
 $('ul').addClass('expanded');
 $('ul.expanded').fadeIn(300);
 $("#link1").attr("href", location);
```
- Jouer avec le href est très agréable, car il est un moyen rapide de disabiling un lien qui n'a d'action par l'intermédiaire d'un événement onclick. Très très Intelligent!
- sweet méthode pour garder le navigateur de l'ajout de l' # dans l'URI lors href="#"
InformationsquelleAutor TStamper
64

Pour les autres qui sont venus ici via google comme moi, voici une autre approche:
```
css:
.disabled {
  color: grey; //...whatever
}

jQuery:
$('#myLink').click(function (e) {
  e.preventDefault();
  if ($(this).hasClass('disabled'))
    return false; //Do something else in here if required
  else
    window.location.href = $(this).attr('href');
});

//Elsewhere in your code
if (disabledCondition == true)
  $('#myLink').addClass('disabled')
else
  $('#myLink').removeClass('disabled')
```
Rappelez-vous: non seulement c'est une classe css

class="buttonstyle"

mais aussi, ces deux

class="buttonstyle désactivé"

de sorte que vous pouvez facilement ajouter et supprimer des classes avec jQuery. Pas besoin de toucher href...

J'aime jQuery! 😉
- cela suppose que le lien n'a pas de cible 🙂
- Au lieu de faire tout ce fancyness, pourquoi ne pas simplement ajouter le onclick plus élevé dans les dom, l'utilisation on() filtrer tous les a.disabled liens et d'éviter les défaillances. Alors tout ce que vous avez à faire est de basculer les personnes handicapées classe on/off et le lien qui va gérer lui-même lorsque "activé".
- Pas besoin de le "== true" -- addClass('disabled') va exécuter indépendamment. if(disabledCondition)
- alors que vous êtes tout à fait correcte, pour un programmeur débutant, il est plus facile à comprendre avec la == true. 🙂
- Une raison particulière de ne pas simplifier à if ($(this).hasClass('disabled')) { e.preventDefault(); }?
InformationsquelleAutor Hein
52

Voici une autre css/jQuery solution que je préfère pour son laconisme et de minimiser le script:

css:
```
a.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
```
jQuery:
```
$('.disableAfterClick').click(function (e) {
   $(this).addClass('disabled');
});
```
- à Partir de Mozilla: "Avertissement: L'utilisation de pointeur-événements dans le CSS pour les non-éléments SVG est expérimental. La fonction utilisée pour faire partie de la CSS3 UI projet de spécification, mais, en raison des nombreuses questions en suspens, a été reportée à CSS4."
- C'est une bonne considération, mais il arrive à bien fonctionner dans la plupart des navigateurs modernes.
- Deux points-virgules manquantes! Tsk tsk 🙂 Avoir un bon week-end.
InformationsquelleAutor Peter DeWeese
16

Vous pouvez supprimer cliquez sur lien par la suite;
```
$('#link-id').unbind('click');
```
Vous pouvez ré-activer le lien qui suit,
```
$('#link-id').bind('click');
```
Vous ne pouvez pas utiliser "désactivé" la propriété pour les liens.
- Facile à activer et désactiver par rapport aux autres.
- "Vous ne pouvez pas utiliser "désactivé" la propriété pour les liens." Me demande pourquoi il n'y a pas de cohérence entre un bouton et un lien pour la désactivation. "désactivé" doivent travailler pour un lien trop. C'est comme de dire que pour une Chevrolet voiture, vous devez frapper la pédale de frein pour arrêter, mais pour cette autre automobile, vous devez utiliser ce levier situé sur le toit.
InformationsquelleAutor Kailas Mane
14

Si vous allez href route, vous pouvez l'enregistrer

Pour désactiver:
```
$('a').each(function(){
    $(this).data("href", $(this).attr("href")).removeAttr("href");
});
```
Puis de le ré-activer à l'aide de:
```
$('a').each(function(){
    $(this).attr("href", $(this).data("href"));
});
```
Dans un cas, j'ai eu à le faire de cette façon parce que les événements click étaient déjà liés ailleurs et je n'avais aucun contrôle sur elle.

InformationsquelleAutor jBelanger
8

Je l'utilise toujours en jQuery pour la désactivation des liens
```
$("form a").attr("disabled", "disabled");
```
InformationsquelleAutor matox
4

Mes fav dans "passer à la caisse pour modifier un élément et prévenir -wild wild west clique n'importe où - tout en un "checkout" fonctions
```
$('a').click(function(e) {
    var = $(this).attr('disabled');
    if (var === 'disabled') {
        e.preventDefault();
    }
});
```
Donc si je veux que tous les liens externes dans une deuxième action de la barre d'outils doit être désactivé en "edit mode", comme décrit ci-dessus, je vais l'ajouter dans la fonction éditer
```
$('#actionToolbar .external').attr('disabled', true);
```
Lien exemple après un incendie:
```
<a href="http://goo.gl" target="elsewhere" class="external" disabled="disabled">Google</a>
```
Et maintenant, vous POUVEZ utiliser des handicapés de la propriété pour les liens

Cheers!

InformationsquelleAutor Lahmizzar
4

lien html, exemple:
```
        
        <a class="btn btn-primary" id="BT_Download" target="blank" href="DownloadDoc?Id=32">
        <i class="icon-file-text icon-large"></i>
        Download Document
        </a>
```
l'utiliser dans jQuery
```
    $('#BT_Download').attr('disabled',true);
```
ajouter à css :
```
    a[disabled="disabled"] {
        pointer-events: none;
    }
```
- Je n'avais jamais venir à travers cette propriété CSS avant, mais cela, pour moi, est de loin la méthode la plus simple pour la désactivation d'un lien hypertexte. La beauté de la chose est que lorsque vous supprimez la classe qui contient la pointer-events: none propriété de l'ancrage des éléments ils reviennent à faire tout ce qu'ils faisaient auparavant, lorsque l'utilisateur clique dessus. Donc, si ils étaient de base, des liens hypertexte, ils reviennent à la navigation vers l'URL dans leur href attribut, et s'ils ont un gestionnaire d'événements click jeu, qui devient de nouveau actif. Beaucoup plus simple que de faire des économies href valeurs et des gestionnaires de clic.
InformationsquelleAutor Ch'nycos

Vous devriez vous trouver réponse ici.

Merci @Will et @Matt pour cette solution élégante.

jQuery('#path .to .your a').each(function(){
    var $t = jQuery(this);
    $t.after($t.text());
    $t.remove();
});

InformationsquelleAutor warmth

3

vous pouvez juste se cacher et de montrer le lien que vous le souhaitez
```
$(link).hide();
$(link).show();
```
InformationsquelleAutor David Fawzy
2

Simplement déclencher des choses, de définir certaines drapeau, retourne false. Si le drapeau est réglé de ne rien faire.
- Ont essayé par la définition d'une classe, puis l'appel de la classe plus tard, mais return false transporte à travers, et empêche que le lien appelé.
InformationsquelleAutor Michał Chaniewski
1

unbind() a été dépréciée en jQuery 3, utilisez le off() plutôt la méthode:
```
$("a").off("click");
```
InformationsquelleAutor shintaroid
0

Je sais que ce n'est pas avec jQuery mais vous pouvez le désactiver un lien avec quelques css simple:
```
a[disabled] {
  z-index: -1;
}
```
le code HTML ressemblerait
```
<a disabled="disabled" href="/start">Take Survey</a>
```
InformationsquelleAutor Cruz Nunez

Cela fonctionne pour les liens qui ont l'attribut onclick jeu en ligne. Cela permet également à la suite supprimer le "return false" pour l'activer.

        //disable all links matching class
        $('.yourLinkClass').each(function(index) {
            var link = $(this);
            var OnClickValue = link.attr("onclick");
            link.attr("onclick", "return false; " + OnClickValue);
        });

        //enable all edit links
        $('.yourLinkClass').each(function (index) {
            var link = $(this);
            var OnClickValue = link.attr("onclick");
            link.attr("onclick", OnClickValue.replace("return false; ", ""));
        });

InformationsquelleAutor mga911

-2

Suffit d'utiliser $("a").prop("disabled", true);.
Ce sera vraiment de désactiver élément de lien.
Doit être prop("disabled", true). N'utilisez pas de attr("disabled", true)

InformationsquelleAutor André Amaral

Vous devez vous connecter pour publier un commentaire.