1

一开始 - 我不是 JQuery 的主人；）。我有以下解决方案来防止多次点击（只尊重第一个并忽略其余的）：

preventMultiClick = function() {
    $(this).unbind("click");
    $(this).bind("click", function() {
        return false;
    });
};
preventMultiSubmit = function() {
    $(this).unbind("submit");
    $(this).bind("submit", function() {
        return false;
    });
};
$("a").one("click", preventMultiClick);
$("#user").one("submit", preventMultiSubmit);

对我来说，这个解决方案并不优雅，我认为应该如此。所以我尝试将其升级到以下一个：

preventMultiClick = function(event) {
    $(this).unbind(event);
    $(this).bind(event, function() {
        return false;
    });
};
$("a").one("click", preventMultiClick("click"));
$("#user").one("submit", preventMultiClick("submit"));

并且该解决方案不起作用。有人可以解释为什么或告诉我应该如何编写作为函数参数给出的事件的函数吗？

4

2 回答 2

1

问题是您在绑定处理程序时调用该函数，event对象被传递给您的处理程序，也是event一个对象，您应该使用它的type属性。

var preventMultiClick = function(event) {
    $(this).unbind(event.type);
    $(this).bind(event.type, function() {
        return false;
    });
};

$("a").one("click", preventMultiClick);
$("#user").one("submit", preventMultiClick);
于 2013-01-12T08:35:06.453 回答
1

问题是您传递的是未定义的变量而不是函数引用。相反，我会做这样的事情。

preventMultiClick = function(event) {
    $(this).unbind(event.type);
    $(this).bind(event.type, function() {
        return false;
    });
};

$('a').one('click', preventMultiClick);
$('#user').one('submit', preventMultiClick);

每个事件都包含它的类型。

于 2013-01-12T08:35:18.717 回答