La définition d’un atsortingbut désactivé sur un élément SPAN n’empêche pas les événements de clic

J’ai un élément qui fait quelque chose sur un événement click.

Quand je le désactive, en utilisant jQuery:

 $("span").attr("disabled", true);

Le gestionnaire d’événements continue à être appelé lorsque je clique sur l’élément span.

Je teste dans Chrome 13. Des idées?

Essaye ça:

 $("span").css("pointer-events", "none");

vous pouvez activer ceux de retour par

 $("span").css("pointer-events", "auto");

L’atsortingbut disabled n’est pas global et n’est autorisé que sur les contrôles de formulaire. Ce que vous pouvez faire est de définir un atsortingbut de données personnalisé (peut data-disabled ) et de vérifier cet atsortingbut lorsque vous gérez l’événement click.

Le comportement standard de l’atsortingbut désactivé ne se produit que pour les éléments de formulaire. Essayez de libérer l’événement:

 $("span").unbind("click");

Essayez de libérer l’événement.

 $("span").click(function(){ alert($(this).text()); $("span").not($(this)).unbind('click'); });

Voici le violon

Il y a un sale tour, ce que j’ai utilisé:

J’utilise bootstrap, alors je viens d’append la classe .disabled à l’élément que je veux désactiver. Bootstrap gère le rest des choses.

Les suggestions sont les bienvenues à cet égard.

Ajout de classe au moment de l’exécution:

 $('#element').addClass('disabled');

La meilleure méthode consiste à envelopper l’envergure à l’intérieur d’un bouton et à le désactiver.

 $("#buttonD").click(function(){ alert("button clicked"); }) $("#buttonS").click(function(){ alert("span clicked"); })

    
 
 Disabled span