ユーザーがページ全体をリフレッシュするときにブートストラップ3モーダルが閉じないようにする

Question

ユーザーがページをリフレッシュするときにブートストラップ3モーダルが閉じないようにするにはどうすればよいですか？私はユーザーには、[閉じる]ボタンだけを使用してモーダルを閉じる必要があります。

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はのlocalStorageに値を格納する必要があります/ cookie/session.youは、ローカルストレージ/ cookie /セッションに保存する値を使用してモーダルを再度開く必要があります。私はdurgaの答えに同意します。私はそれが最善の答えだと思います。