jQuery désactiver un lien

Question

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

Plus précisément, ce que j'essaie de faire, c'est de désactiver le lien d'un élément, en effectuant un clic sur celui-ci à l'aide de jquery qui déclenche certaines choses, puis en réactivant ce lien de sorte que s'il est cliqué à nouveau, il fonctionne comme par défaut.

Merci. Dave

UPDATE Voici le code. Ce qu'il faut faire après le .expanded a été appliquée est de réactiver la liaison désactivée.

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

Answer 1

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

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

Depuis le site jQuery tutoriel :

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énement

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

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

Answer 2

Essayez ça :

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

EDIT-

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

Answer 3

Pour ceux qui, comme moi, sont arrivés ici via Google, 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 : il ne s'agit pas seulement d'une classe css

class="buttonstyle"

mais aussi ces deux

class="buttonstyle disabled"

afin que vous puissiez facilement ajouter et supprimer d'autres classes avec jQuery. Pas besoin de toucher aux href...

J'adore jQuery ! ;-)

Answer 4

Voici une autre solution css/jQuery que je préfère pour sa brièveté et la réduction des scripts :

css :

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

jQuery :

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

Answer 5

Vous pouvez supprimer le clic pour le lien en suivant ;

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

Vous pouvez réactiver le lien par les moyens suivants,

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

Vous ne pouvez pas utiliser la propriété "disabled" pour les liens.