javascript - ブートストラップモーダルにフォーカスを失ったときに発生するイベント

Question

私はデータタグで作成したTwitterブートストラップモーダルを持っているので、実際のjavascriptはありません。
モーダル ダイアログの外側 (灰色の領域など) をクリックすると閉じますが、その中にあるフィールドがクリアされていることを確認したいと思います。私は次のようにjQueryで試しました：

$('#modal-form > .modal-dialog').on('blur', function(){
    Utils.clearFields();
});

しかし、私は無名関数に入ることはありません.間違ったイベントをバインドしていますか? または、間違ったセレクターを使用していますか (「$('#modal-form')」でも試しました)?

これに関するヘルプは大歓迎です。

ありがとう

Answer 1

Version 2.3.2 and below

hideBootstrap バージョン 2.3.2 以前のバージョンでは、イベント ハンドラーを配置する必要があります。

$('#modal-form > .modal-dialog').on('hide', function(){
    Utils.clearFields();
});

モーダル データ属性が適用されている場合#modal-formは、セレクターも変更する必要があります。

$('#modal-form').on('hide', function(){
    Utils.clearFields();
});

ドキュメント http://getbootstrap.com/2.3.2/javascript.html#modals

---

バージョン 3.0

hide.bs.modalBootstrap バージョン 3.0 では、イベント ハンドラーを配置する必要があります。

$("#modal-form").on("hide.bs.modal", function(){
   alert("hiding");
});

バージョン 3.0 フィドル: http://jsfiddle.net/9u5MQ/

バージョン 3.0 ドキュメント: http://getbootstrap.com/javascript/#modals