jquery - 页面刷新后按钮仍然禁用

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）或在浏览器的地址栏内单击并在它恢复正常之前按回车。

Answer 1

你用的是火狐吗？您可能想要禁用自动完成：autocomplete = "off"在您的按钮/输入中。编辑：请参阅我在评论中链接到的 SO 问题。