Twitterブートストラップで、モーダルのドキュメントを確認します。モーダルのクローズイベントをリッスンして関数を実行する方法があるかどうかわかりませんでした。
たとえば、このモーダルを例として取り上げましょう。
<div class="modal-header">
<button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Modal header</h3>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<a href="#" class="btn close_link" data-dismiss="modal">Close</a>
</div>
上部のXボタンと下部の閉じるボタンはどちらも、のためにモーダルを非表示/閉じることができますdata-dismiss="modal"
。だから、どういうわけかそれを聞くことができるのだろうか?
あるいは、このように手動で行うこともできます...
$("#salesitems_modal").load(url, data, function() {
$(this).modal('show');
$(this).find(".close_link").click(modal_closing);
});
どう思いますか?
Bootstrap3およびBootstrap4のドキュメントでは、使用できる2つのイベントについて説明しています。
hide.bs.modal:このイベントは、hideインスタンスメソッドが呼び出されたときにすぐに発生します。
hidden.bs.modal:このイベントは、モーダルがユーザーからの非表示を終了したときに発生します(CSS遷移が完了するのを待ちます)。
そして、それらの使用方法の例を提供します。
$('#myModal').on('hidden.bs.modal', function () {
// do something…
})
Bootstrapのドキュメントには、使用できる2つのイベントが記載されています。
hide:このイベントは、hideインスタンスメソッドが呼び出されたときにすぐに発生します。
hidden:このイベントは、モーダルがユーザーからの非表示を終了したときに発生します(css遷移が完了するのを待ちます)。
そしてそれらを使用する方法の例を提供します:
$('#myModal').on('hidden', function () {
// do something…
})
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加