[Bootstrap]modalで内容をキャッシュさせない

Bootstrapのモーダルでremoteを使うとき、同じターゲットを使いまわすと最初に表示したコンテンツがキャッシュされて、別の別のモーダルリンクを開いても、最初に開いたコンテンツが表示されます。

そこで、以下の記述でモーダルが閉じられた時、キャッシュされているコンテンツを削除します。

$(function(){
	$(document).on('hidden.bs.modal', '.modal', function(){
		$(this).removeData('bs.modal').empty();
	});
});

これで2つめのモーダルリンクを開いても正しくコンテンツが表示されますね。

参考:jquery – Twitter bootstrap remote modal shows same content everytime – Stack Overflow

スポンサーリンク
336x280_1
336x280_1

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
336x280_1