Кнопка все еще отключен после обновления страницы

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

Вы используете firefox? Вы можете отключить автозаполнение: autocomplete = "off" в вашей кнопке/входах. Изменить: см. Вопрос SO, с которым я связан в комментариях.