1. ホーム
  2. twitter-bootstrap

[解決済み] 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
});