页面刷新后按钮仍然禁用

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）或在浏览器的地址栏内单击并按Enter键，然后恢复正常。

我怎样才能解决这个问题呢？提前谢谢。

Answer 1

您使用的是Firefox吗？您可能需要在按钮/输入中禁用自动完成功能：autocomplete = "off"。编辑：在评论中查看我链接的SO问题。