web-dev-qa-db-fra.com

Fonction anti-rebond dans jQuery

J'essaie de faire rebondir l'entrée d'un bouton en utilisant la bibliothèque de rebond de jquery de Ben Alman. http://benalman.com/code/projects/jquery-throttle-debounce/examples/debounce/

Actuellement, c'est le code que j'ai.

function foo() {
    console.log("It works!")
};

$(".my-btn").click(function() {
    $.debounce(250, foo);
});

Le problème est que lorsque je clique sur le bouton, la fonction ne s'exécute jamais. Je ne sais pas si j'ai mal compris quelque chose, mais pour autant que je sache, mon code correspond à l'exemple.

javascriptjquerydebouncing
22
Gunther

J'ai rencontré le même problème. Le problème se produit car la fonction anti-rebond renvoie une nouvelle fonction qui n'est appelée nulle part.

Pour résoudre ce problème, vous devrez passer la fonction anti-rebond en tant que paramètre à l'événement jquery click. Voici le code que vous devriez avoir.

$(".my-btn").click($.debounce(250, function(e) {
    console.log("It works!");
}));
47
Geoff