bootstrap 3 modal beim Schließen verhindern, wenn der Benutzer die gesamte Seite aktualisiert

Question

Wie kann ich verhindern, dass modales Bootstrap 3 geschlossen wird, wenn der Benutzer die Seite aktualisiert? Ich möchte, dass der Benutzer das Modal nur mit der CLOSE-Taste schließt, sonst nichts.

Answer 1

Das kann nicht getan werden. Wenn der Benutzer die Seite aktualisiert, ist das Modal verschwunden.

Ihre einzige Option wäre wieder öffnen die modale auf Seite aktualisieren. Um dies zu tun, müssten Sie einige Variablen in einem Cookie oder localStorage speichern, um Ihnen mitzuteilen, dass sie das Modal noch nicht geschlossen haben.

Dann könnten Sie so etwas tun:

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

Die cookieOrLocalStorageVariable müsste von Ihnen festgelegt werden und sollte so eingestellt werden, sobald die modal angezeigt wird.

Answer 2

Betrachten Öffnung auf Seite Load-Methode basiert auf einer flag, hier ist es isModalOpen

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

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

Während Seite Last

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

Answer 3

Sie können that.You nicht zu tun haben einen Wert in localstorage speichern/cookie/session.Sie müssen das Modal mit dem Wert, den Sie im lokalen Speicher/cookie/session speichern, erneut öffnen. Ich stimme der Antwort von Durga zu. Ich denke, es ist die bestmögliche Antwort.