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

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

问题

单击按钮后,它将被禁用并弹出对话框,如果我刷新页面按钮仍然处于禁用状态,我必须执行强制重新加载(ctrl f5)或在浏览器的地址栏内单击并按在它恢复正常之前进入.

我该如何解决这个问题呢？提前致谢.