jQuery啓用一段時間後的按鈕

Question

這段代碼不工作，它禁用了代碼，有時它必須啓用它，我怎麼能這樣做？有什麼可能是錯的？我這樣做是爲了避免多次點擊

<% Html.EnableClientValidation(); %> 
    $(document).ready(function() { 
     $('#form1').submit(function() { 
      $('#btn').attr("disabled", "disabled"); 
      setTimeout('enableButton()', 50); 
     }); 
     function enableButton() { 
      $('#btn').removeAttr('disabled'); 
     } 
    }); 

<% using (Html.BeginForm("Create","OrganizationGroups",FormMethod.Post,new {id="form1"})) 

{%> 
%> 
<%= Html.ValidationSummary(false)%> 

<div> 
    <%= Html.ActionLink("Back to List", "ManageOrganizationGroup")%> 
</div> 

Answer 1

你不能傳遞了一個字符串setTimeout()這裏，因爲功能不是全球性的，而不是通過直接引用的函數，所以更改此：

setTimeout('enableButton()', 50); 

這樣：

setTimeout(enableButton, 50); 

一般總是嘗試這樣做，它會避免很多問題......像你遇到的一個。

Answer 2

這樣的：

<% Html.EnableClientValidation(); %> 

function enableButton() { 
    $('#btn').removeAttr('disabled'); 
} 

$(document).ready(function() { 

    $('#form1').submit(function() { 
     $('#btn').attr("disabled", "disabled"); 
     setTimeout(enableButton, 50); 
    }); 

}); 

或本：

<% Html.EnableClientValidation(); %> 

$(document).ready(function() { 

    $('#form1').submit(function() { 

     var btn = $('#btn').attr("disabled", "disabled"); // ref to #btn 

     setTimeout(function() 
     { 
      $(btn).removeAttr('disabled'); 
     } 
     , 50); 
    }); 

});