刷新页面后按钮仍然禁用。

Question

我有一个页面上的按钮：

<button class="" id="new_cat_charm">Add New Category</button>

我使用jQuery在按钮点击时打开对话框，并向网站添加覆盖层：

jQuery( document ).ready( function( $ ) {
var newCatButton = $( '#new_cat_charm' );
newCatButton.click( function(){
    var newCatCharm = $( '#new-cat-charm' );
    newCatButton.prop( 'disabled', true );
    newCatCharm.removeClass( 'myhide' );
    appOverlay();
});

function appOverlay() {
    var docHeight = $(document).height();
    $("body").append("<div id='overlay'></div>");
    $("#overlay").height(docHeight).css({
        'opacity' : 0.4,
        'position': 'absolute',
        'top': 0,
        'left': 0,
        'background-color': 'black',
        'width': '100%',
        'z-index': 5000
    });
}
});

点击按钮后，我将其禁用并显示对话框。

问题

当我单击按钮并且它被禁用并弹出对话框后，如果刷新页面，按钮仍然保持禁用状态，我必须进行强制刷新（Ctrl+F5），或者单击浏览器地址栏并按回车键才能恢复正常。

- Roger Williams

---

我觉得这是一个缓存问题。你尝试过使用 Fiddler 进行调试了吗？ - Francisco Afonso

可能 [重复] (https://dev59.com/GW025IYBdhLWcg3weF6S) - Cianan Sims

Answer 1

你是使用火狐浏览器吗？在你的按钮/输入框中，你可能希望禁用自动完成功能：autocomplete = "off"。编辑：请参见我在评论中提供的SO问题链接。

- Cianan Sims

---

是的，我正在使用火狐浏览器。这个很好用。谢谢。 - Roger Williams