Question

126

Debounce function in jQuery

rated 0 times [ 127] [ 1] / answers: 1 / hits: 84974 / 10 Years ago, mon, january 5, 2015, 12:00:00

I'm attempting to debounce a button's input using the jquery debouncing library by Ben Alman.
http://benalman.com/code/projects/jquery-throttle-debounce/examples/debounce/

Currently this is the code that I have.

function foo() {

    console.log(It works!)

};



$(.my-btn).click(function() {

    $.debounce(250, foo);

});

The problem is that when I click the button, the function never executes. I'm not sure if I've misunderstood something but as far as I can tell, my code matches the example.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

lamarmaximiliand

Add To Favorites

Follow

Total Points: 388

Total Questions: 104

Total Answers: 104

Location: Oman

Member since Fri, Dec 23, 2022

1 Year ago

answered 10 Years ago harleyterryp · Accepted Answer

I ran into the same issue. The problem is happening because the debounce function returns a new function which isn't being called anywhere.

To fix this, you will have to pass in the debouncing function as a parameter to the jquery click event. Here is the code that you should have.

$(.my-btn).click($.debounce(250, function(e) {

    console.log(It works!);

}));