사용자가 전체 페이지를 새로 고침 할 때 부트 스트랩 3 모달이 닫히는 것을 방지합니다.

Question

사용자가 페이지를 새로 고침 할 때 부트 스트랩 3 모달이 닫히는 것을 방지하려면 어떻게합니까? 사용자가 CLOSE 버튼 만 사용하여 모달을 닫으려고합니다.

Answer 1

할 수 없습니다. 사용자가 페이지를 새로 고침하면 모달이 사라집니다.

유일한 옵션은 페이지를 새로 고침하는 것입니다. 그렇게하기 위해서는 모달을 아직 닫지 않았다는 것을 알려주기 위해 쿠키 또는 localStorage에 변수를 저장해야합니다.

$(function() { 
    if(cookieOrLocalStorageVariable) { 
     $('#myModal').modal(options); 
    } 
}); 

cookieOrLocalStorageVariable이 필요 당신에 의해 정의하고 모달가 표시되면 설정해야합니다

그럼 당신이 뭔가를 할 수 있습니다.

Answer 2

여기에는 페이지 로딩 중 isModalOpen

function openModal() { 
    $('#myModal').modal('show'); 
    localStorage.setItem('isModalOpen', true); 
}; 

function closeModal() { 
    $('#myModal').modal('hide'); 
    localStorage.setItem('isModalOpen',false); 
}; 

이다하는 flag을 기반으로 페이지로드 방법에 대한 개방을 고려

if(localStorage.getItem('isModalOpen')) { 
    openModal(); 
} 

Answer 3

당신은 할 수없는 that.You는 로컬 스토리지에 값을 저장해야/cookie/session.you는 로컬 저장소/쿠키/세션에 저장 한 값을 사용하여 모달을 다시 열어야합니다. 나는 durga의 대답에 동의한다. 나는 그것이 가능한 최선의 대답이라고 생각한다.