jquery - 如何禁用所有提交按钮然后重新启用特定按钮？

Question

我的 asp.net mvc 3 Web 应用程序中有以下脚本，用于在用户单击所有提交按钮时禁用它们，以防止连续提交相同的数据:

$(document).ready(function () {
    $("input[type='submit']").click(function () {
        $(this).prop('disabled', true);
    });
});

上述脚本工作正常，但禁用“搜索”等提交按钮将阻止用户执行另一次搜索，除非刷新页面。所以我在想是否可以修改我的脚本以在 2 秒后重新启用提交按钮。我厌倦了使用 delay() 但它不起作用。

所以我有以下问题:

1. 我的方法对于定义延迟时间有效吗？

2. 如何定义延迟时间，然后重新启用按钮。

Answer 1

$("input[type='submit']").click(function () {
        var $this = $(this);
        $this.prop('disabled', true);
        setTimeout(function() {
          $this.prop('disabled', false);
        },2000);
    });

DEMO