Jquery 页面刷新后按钮仍处于禁用状态

我在页面上有一个按钮：

<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
    });
}
});

jQuery（文档）.ready（函数（$）{
var newCatButton=$（'new#cat_charm'）；
新建CATButton。单击（函数（）{
var newCatCharm=$（“#新猫魅力”）；
newCatButton.prop（'disabled'，true）；
removeClass（'myhide'）；
appOverlay（）；
});
函数appOverlay（）{
var docHeight=$（document）.height（）；
$（“正文”）。追加（“”）；
$（“#叠加”）.height（docHeight）.css({
“不透明度”：0.4，
'位置'：'绝对'，
“顶部”：0，
“左”：0，
“背景色”：“黑色”，
“宽度”：“100%”，
“z指数”：5000
});
}
});

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

问题

---

单击按钮后，按钮将被禁用并弹出对话框，如果我刷新页面，按钮将保持禁用状态，我必须执行强制重新加载（ctrl+f5）或者在浏览器的地址栏内单击并按enter键，然后浏览器恢复正常。

您使用的是firefox吗？您可能希望在按钮/输入中禁用自动完成：

autocomplete=“off”

。编辑：查看我在评论中链接的SO问题。

我认为这是缓存问题。你试过使用fiddler进行调试吗？可能是的，我正在使用firefox。这很有效。非常感谢。