Bootstrapのモーダル設定はデータをキャッシュしません

クズども · 掲載地 2015/11/09 11:00:19

フロントエンドフレームワークBootstrapのモーダルダイアログは、リモートオプションを使ってURLで指定でき、ダイアログが初めて.modal-bodyにポップアップした際に自動的にこのアドレスからデータを読み込みますが、一度だけ読み込みます。ただし、この問題はイベントでremoveData()メソッドを呼び出すことで解決できます。

関連するドキュメントを検索して確認した結果、ダイアログボックスの隠しイベントに文を書くだけで十分だと分かりました:

$("#myModal").on("hidden", function() {
$(this).removeData("modal");
});

コードをコピーします

また、ダイアログを開く前にデータを削除することもでき、効果は同じです。

注意:上記のコードはBootstrap v2に基づいています。Bootstrape v3を使用する場合、モーダルダイアログのHTMLとイベントの書き方が異なり、例えば上記の隠れたイベントについては次のように書かれます。

$("#myModal").on("hidden.bs.modal", function() {
$(this).removeData("bs.modal");
});

コードをコピーします

[ブートストラップ] Bootstrapのモーダル設定はデータをキャッシュしません

関連記事