얘들 아를 비활성화 나는 버튼 페이지를버튼 여전히 페이지 새로 고침 후

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 키를 눌러 정상 상태로 돌아갑니다.

이 문제는 어떻게 해결할 수 있습니까? 미리 감사드립니다.

출처

2013-05-01 Roger Williams

캐시 문제라고 생각합니다. 디버깅을 위해 바이올린을 사용해 보셨습니까? –

가능합니다 [중복] (http://stackoverflow.com/q/5985839/875127) –