簡單的jQuery功能在Safari，Chrome和IE

Question

失敗，這是我的簡單功能

$('#save_button').click(function() { 
     $(this).attr('disabled',true).val('Saving'); 

     $('#new_record_form').ajaxForm({ 
     url: '/', 
     type: "POST", 
     dataType: "json", 
     beforeSubmit: function(){ alert('Boo!'); }, 
     success: function(){ alert('Hello!'); } 
     }); 
}); 

這工作正常，在Firefox，但無法在Internet Explorer，Chrome或Safari。

評論此行$(this).attr('disabled',true).val('Saving');似乎使事情工作。

發生這種情況的原因是什麼？

Answer 1

當html input被禁用時，它不應該能夠發送輸入。 嘗試將屬性更改爲「只讀」。

Answer 2

看來你不能修改禁用的控制......

，但也許這樣就可以解決這個問題：

$('#save_button').click(function() { 
     $(this).val('Saving'); 
     $(this).attr('disabled',true); 

     $('#new_record_form').ajaxForm({ 
     url: '/', 
     type: "POST", 
     dataType: "json", 
     beforeSubmit: function(){ alert('Boo!'); }, 
     success: function(){ alert('Hello!'); } 
     }); 
}); 

Answer 3

我平時寫$(accessor).attr("disabled", "disabled");導致HTML，看起來像<... disabled="disabled" .../>正在生產。我不知道你可以使用你的語法。你可以試試這個，看看它是否有效？

要刪除該屬性，我使用$(accessor).removeAttr("disabled");。