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

参见英文答案 > Bug With Firefox – Disabled Attribute of Input Not Resetting When Refreshing                                    3个
嘿家伙我有一个页面按钮：

<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)或在浏览器的地址栏内单击并按在它恢复正常之前进入.

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

你在用firefox吗？您可能需要禁用自动完成功能：按钮/输入中的autocomplete =“off”.编辑：在评论中查看我链接的SO问题.