Désactivation des liens pour arrêter les doubles-clics dans JQuery

Question

Comment désactiver tous les liens avec la classe button après un clic sur eux? J'aimerais pouvoir le faire dans un endroit et ne pas avoir à les changer individuellement. Des idées?

Jusqu'ici j'ai eu ceci:

 $("a.button").click(function() { $(this).attr("disabled", "disabled"); });
$("a[disabled]").click(function() { return false; });
 

mais le deuxième événement ne se déclenche pas ..

Answer 1

C'est ce que je voudrais essayer:

 $("a.button").one("click", function() {
    $(this).click(function () { return false; });
});
 

Liez tous les liens avec la classe "button". N'exécutez la fonction anonyme qu'une seule fois (d'où "un"), ce qui permet au lien de renvoyer la valeur false.

Si vous voulez qu'il ressemble davantage à ce que vous avez, essayez ceci:

 $("a.button").click(function() { $(this).attr("disabled", "disabled"); });
$(document).click(function(evt) {
     if ($(evt.target).is("a[disabled]"))
          return false;
});
 

Answer 2

J'ai une solution élégante pour cela si vous utilisez des liens:

 function do_nothing() { 
  return false;
}

// prevent a second click for 10 seconds. :)
$('.prevent_doubleclick').live('click', function(e) { 
  $(e.target).click(do_nothing); 
  setTimeout(function(){
    $(e.target).unbind('click', do_nothing);
  }, 10000); 
});
 

https://github.com/ssoroka/prevent_doubleclick.js

J'ajouterai bientôt un support pour les formulaires.

Answer 3

Oui, définissez une valeur pour garder une trace de ceci:

 $("a").click(function (){
  if( $(this).data("clicked") ){
    return false;
  }
  $(this).data("clicked", true);
  return true;
});
 

Answer 4

créez un JS - incluez-le sur chaque page (ou dans votre page principale si vous en avez un).

Je pense quelque chose comme

 $(document).ready(function(){
  $('.button').click(function(){
    $('.button').click(function(e) {
      e.preventDefault();

    });
  }
}
 

Answer 5

Vous pouvez aussi simplement jeter une classe sur la balise anchor et vérifier en cliquant:

 $('a.button').click(function(){ 
  if($(this).hasClass('clicked')) return false;
  else { 
    $(this).addClass('clicked'); 
    return true;
  }
});
 

Avec la classe, vous pouvez créer un style supplémentaire pour le lien après le premier clic.