jquery - 已禁用的 jQuery UI 按钮在返回页面时仍保持禁用状态

Question

我有一个JQuery UI单击表单上的“提交”按钮，既可以防止双击，又可以清楚地表明实际上已正确单击了该按钮。

所以我使用 jQuery 来做到这一点:

$('input:submit').click(function() {
    $(this).button('disable');
});

它可以工作，但问题是当用户点击后退按钮时，它仍然处于禁用状态。单击时禁用提交按钮的正确方法是什么？我显然使用 jQuery，所以首选使用 jQuery。

更新:很多人建议我使用 $(document).ready(function() {$('input:submit').button(' enable');}); 来克服按钮持续禁用的问题。事实证明，如果它出现在 $(function() {} 中的按钮初始化调用之前，则不起作用。但是如果我将该按钮('enable') 放在我的按钮初始化代码之后，即使在 $(function() {}) 部分中，它就会按预期工作。

但现在我意识到整个按钮禁用仅在 Firefox 中有效! 如果我禁用该按钮，表单将不会在 IE 和 Chrome 中提交(尚未测试其他版本)!

更新 2:我终于让这个工作了，尽管有点担心某些浏览器将无法使用这些解决方法提交内容...这是我的最终代码，很想听听对潜在问题的意见:

$(function() {
    $('input:submit').button().click(function() {
        $(this).button('disable');
        $(this).closest('form').submit();
        return false;
    });
    $('input:submit').button('enable');
});

Answer 1

$(document).ready(function(){
 $("input:submit").attr("disabled", "");
})