javascript - jQuery 中的去抖动函数

Question

我正在尝试使用 Ben Alman 的 jquery debounce 库对按钮的输入进行去抖动。 http://benalman.com/code/projects/jquery-throttle-debounce/examples/debounce/

目前这是我拥有的代码。

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

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

问题是当我单击按钮时，该函数永远不会执行。我不确定我是否误解了某些内容，但据我所知，我的代码与示例相匹配。

Answer 1

我也遇到了同样的问题。发生问题的原因是 debounce 函数返回一个新函数，该函数没有在任何地方被调用。

要解决此问题，您必须将去抖动函数作为参数传递给 jquery click 事件。这是您应该拥有的代码。

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