1. ホーム
  2. jquery

[解決済み] Twitter Bootstrapのモーダルクローズに関数をバインドする

2022-03-16 13:52:41

質問

新しいプロジェクトで Twitter Bootstrap lib を使用していますが、モーダルが閉じたときにページの一部を更新して最新の json データを取得したいのです。ドキュメントのどこにもこの方法が載っていませんので、どなたかご指摘いただくか、解決策をご提案ください。

ドキュメントにあるメソッドを使用する際の2つの問題

 $('#my-modal').bind('hide', function () {
   // do something ...
 });

モーダルにはすでに "hide" クラスを付けて、ページ読み込み時に表示しないようにしているので、2回読み込まれることになります。

hideクラスを削除して、要素IDを display:none を追加し console.log("THE MODAL CLOSED"); を上記の関数に追加しても、閉じるを押しても何も起こりません。

どうすればいいですか?

Bootstrap 3 & 4

$('#myModal').on('hidden.bs.modal', function () {
    // do something…
});

Bootstrap3です。 getbootstrap.com/javascript/#modals-events

Bootstrap 4: getbootstrap.com/docs/4.1/components/modal/#events

ブートストラップ2.3.2

$('#myModal').on('hidden', function () {
    // do something…
});

参照 getbootstrap.com/2.3.2/javascript.html#modals → イベント