Question

我想禁用Bootstrap按钮，但是我想在一段时间后再次启用它。我尝试了这个，但它不起作用：

$('button').
  prop('disabled', true).
  setTimeout(function() { 
    $('button').prop('disabled', false)
  }, 3000);

提前谢谢你们。

Answer 1

您可以使用解决方案https://jsfiddle.net/w0nefkfo/

$('button').prop('disabled', true);
setTimeout(function(){
	$('button').prop('disabled', false);
}, 2000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="submit" value="submit">Submit</button>

Answer 2

首先禁用$('button').attr("disabled", "disabled");之类的按钮并使用setTimeout并指定超时值。

$('button').attr("disabled", "disabled");
//or you can use #btn ref: $('#btn').attr("disabled", "disabled"); 
setTimeout(function() 
{
    $('button').removeAttr('disabled');
}, 3000);//3000 ms = 3 second.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button id="btn">Submit</button>

参考：Window setTimeout() Method

Answer 3

setTimeout不是jQuery元素的方法。按如下方式更改您的代码：

$('button').prop('disabled', true);

setTimeout(function() { 
  $('button').prop('disabled', false)
}, 3000);

Answer 4

 $('button').prop('disabled', true);
  setTimeout(function () {
      $('button').prop('disabled', false);
  }, 3000);

禁用Bootstrap按钮，然后在特定时间后启用它

4 个答案: