jQuery：点击后10分钟禁用按钮

Question

我想在点击后10分钟禁用按钮。我正在使用此代码，如果没有添加延迟（），它正在工作。但是由于延迟，它无法正常工作。

<script>
$(".selected-button").delay(600000).attr({
    disabled: true,
    title: "You have already chosen the best answer and now you can not change it!"
});
</script>

Answer 1

您可以尝试使用setTimeout代替这样做：

$(".selected-button").click(function() {
    var $this = $(this);
    $this.attr("disabled", true);
    setTimeout(function() {
        $this.removeAttr("disabled");      
    }, 600000);
});

Answer 2

点击后10分钟禁用按钮：

$(".selected-button").click(function() {
    $.ajax({
        type: 'POST',
        url: url,
        data: data,
        done: function (data) {
            if (data.status === 'OK') {
                var that = $(this);
                setTimeout(function() {
                    that.prop("disabled", true);
                }, 10*60*1000);
            }
        }
    });
});

See fiddle 5s的例子。