Twitter Bootstrapモーダルに関数をバインドする 質問する

Twitter Bootstrapモーダルに関数をバインドする 質問する

新しいプロジェクトで Twitter Bootstrap ライブラリを使用していますが、モーダルを閉じるときにページの一部を更新して最新の JSON データを取得したいと考えています。ドキュメントのどこにもこれが記載されていないので、誰か私に指摘したり、解決策を提案したりしてもらえませんか。

文書化された方法を使用する際の2つの問題

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

モーダルに「hide」クラスをすでに添付しているので、ページの読み込み時に表示されないため、2回読み込まれることになります。

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

ベストアンサー1

ブートストラップ 3 および 4

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

ブートストラップ 3:getbootstrap.com/javascript/#modals-events

ブートストラップ4:getbootstrap.com/docs/4.1/components/modal/#イベント

ブートストラップ 2.3.2

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

見るgetbootstrap.com/2.3.2/javascript.html#modals→ イベント

おすすめ記事