jQuery désactiver un lien

Quelqu'un sait comment désactiver un lien dans jquery SANS utiliser return false;?

Plus précisément, ce que j'essaie de faire est de désactiver le lien d'un élément, d'effectuer un clic dessus en utilisant jquery qui déclenche certaines choses, puis de réactiver ce lien afin que s'il est cliqué à nouveau, il fonctionne par défaut.

Merci. Dave

MISE À JOUR Voici le code. Ce qu'il doit faire après l'application de la .expandedclasse, c'est de réactiver le lien désactivé.

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

$('#myLink').click(function(e) {
    e.preventDefault();
    //do other stuff when a click happens
});

Cela empêchera le comportement par défaut d'un lien hypertexte, qui consiste à visiter le href spécifié.

À partir du didacticiel jQuery :

Pour le clic et la plupart des autres événements, vous pouvez empêcher le comportement par défaut - ici, en suivant le lien vers jquery.com - en appelant event.preventDefault () dans le gestionnaire d'événements

Si vous le souhaitez preventDefault()uniquement si une certaine condition est remplie (quelque chose est caché par exemple), vous pouvez tester la visibilité de votre ul avec la classe développée . S'il est visible (c'est-à-dire non masqué), le lien doit se déclencher normalement, car l'instruction if ne sera pas saisie, et donc le comportement par défaut ne sera pas empêché:

$('ul li').click(function(e) {
    if($('ul.expanded').is(':hidden')) {
        e.preventDefault();
        $('ul').addClass('expanded');
        $('ul.expanded').fadeIn(300);
    } 
});

Essaye ça:

$("a").removeAttr('href');

ÉDITER-

À 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);

Pour ceux 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é"

vous pouvez donc facilement ajouter et supprimer d'autres classes avec jQuery. Pas besoin de toucher href ...

J'adore jQuery! ;-)

Voici une autre solution css / jQuery que je préfère pour sa concision et son script minimisé:

css:

a.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

jQuery:

$('.disableAfterClick').click(function (e) {
   $(this).addClass('disabled');
});

Vous pouvez supprimer le clic pour le lien en suivant;

$('#link-id').unbind('click');

Vous pouvez réactiver le lien en suivant,

$('#link-id').bind('click');

Vous ne pouvez pas utiliser la propriété «désactivé» pour les liens.

Si vous suivez la route href, vous pouvez l'enregistrer

Pour désactiver:

$('a').each(function(){
    $(this).data("href", $(this).attr("href")).removeAttr("href");
});

Réactivez ensuite en utilisant:

$('a').each(function(){
    $(this).attr("href", $(this).data("href"));
});

Dans un cas, j'ai dû le faire de cette façon car les événements de clic étaient déjà liés ailleurs et je n'avais aucun contrôle sur celui-ci.

J'utilise toujours cela dans jQuery pour désactiver les liens

$("form a").attr("disabled", "disabled");

exemple de lien html:

        <!-- boostrap button + fontawesome icon -->
        <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>

utiliser ceci dans jQuery

    $('#BT_Download').attr('disabled',true);

ajoutez ceci à css:

    a[disabled="disabled"] {
        pointer-events: none;
    }

Mes favoris dans "Commander pour modifier un article et empêcher les clics sauvages de l'ouest sauvage vers n'importe où- pendant une commande"

$('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 barre d'outils d'action soient désactivés en "mode édition" comme décrit ci-dessus, j'ajouterai la fonction d'édition

$('#actionToolbar .external').attr('disabled', true);

Exemple de lien après un incendie:

<a href="http://goo.gl" target="elsewhere" class="external" disabled="disabled">Google</a>

Et maintenant, vous pouvez utiliser la propriété désactivée pour les liens

À votre santé!

Vous devriez trouver votre 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();
});

vous pouvez simplement masquer et afficher le lien comme vous le souhaitez

$(link).hide();
$(link).show();

Déclenchez simplement des éléments, définissez un indicateur, renvoyez false. Si le drapeau est défini - ne faites rien.

unbind()est déconseillé dans jQuery 3, utilisez off()plutôt la méthode:

$("a").off("click");

Je sais que ce n'est pas avec jQuery mais vous pouvez désactiver un lien avec quelques CSS simples:

a[disabled] {
  z-index: -1;
}

le HTML ressemblerait

<a disabled="disabled" href="/start">Take Survey</a>

Cela fonctionne pour les liens dont l'attribut onclick est défini en ligne. Cela vous permet également de supprimer plus tard le "retour faux" afin de 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; ", ""));
        });

Utilisez simplement $("a").prop("disabled", true);. Cela désactivera vraiment l'élément de lien. Doit être prop("disabled", true). Ne pas utiliserattr("disabled", true)