[解決済み] Bootstrap Modal のクローズイベントをキャプチャする
2023-06-02 20:29:53
質問
Bootstrapのモーダルで、イベントを選択するようにしています。 ユーザーがXボタンまたはモーダルの外側をクリックした場合、デフォルトのイベントに送信したいと思います。 これらのイベントをキャプチャするにはどうしたらよいでしょうか。
これは私のHTMLコードです。
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content event-selector">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<center><h1 class="modal-title event-selector-text">Select an Event</h1><center>
</div>
<div class="container"></div>
<div class="modal-body">
<div class="event-banner">
<a href="/?event=1">
<img src="<?php echo IMAGES_EVENT1_LOGO; ?>" width="100%">
</a>
</div>
<div class="event-banner">
<a href="/?event=2">
<img src="<?php echo IMAGES_EVENT2_LOGO; ?>" width="100%">
</a>
</div>
</div>
</div>
</div>
</div>
どのように解決するのですか?
これはstackoverflowの別の記事と非常によく似ています。 Twitter Bootstrap Modal Closeに関数をバインドする。 . Bootstap v3またはv4のどこかのバージョンを使っていると仮定すると、以下のようなことができます。
$("#myModal").on("hidden.bs.modal", function () {
// put your default event here
});
関連
-
[解決済み] B-tableのBootstrapVue条件列
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] Bootstrapの列をすべて同じ高さにするにはどうしたらいいですか?
-
[解決済み] BootstrapのモーダルウィンドウをjQueryで開くには?
-
[解決済み] Bootstrapのモーダルが背景の下に表示される
-
[解決済み] Twitter Bootstrapのモーダルクローズに関数をバインドする
-
[解決済み] Bootstrapのモーダルを閉じる
-
[解決済み] Bootstrapでテーブルの上にカーソルを置くと、カーソルの色を変更するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] bootstrapでpanel-bodyの背景色を変更するには?
-
[解決済み] B-tableのBootstrapVue条件列
-
[解決済み] Twitter Bootstrapのモーダルクローズに関数をバインドする
-
[解決済み】Twitter bootstrapのモーダルバックドロップが消えない件
-
[解決済み] Twitter Bootstrapのテーブルの幅が常に100%なのはなぜですか?
-
[解決済み] bowerでbootstrapを使用する
-
[解決済み] Bootstrap 4 datapicker.jsが含まれていません [閉鎖].
-
[解決済み] なぜTwitter Bootstrapはフォントサイズにピクセルを使用するのですか?
-
[解決済み] Bootstrap 4 のモーダルフッターボタンの左揃えと右揃え
-
[解決済み] Bootstrapプロジェクトでnormalize.cssを使うべきですか?