イベント Events
アラート・メッセージのイベントについて。
構文
構文
on( events, fn )メソッドを使う場合。
$( セレクター ).on( イベント, function () { // 処理 } );
セレクターでアラートを選択。
イベントに指定できるのは、close.bs.alert
、closed.bs.alert
。
イベント一覧表
イベント名 | 説明 |
---|---|
close.bs.alert |
アラート・メッセージを閉じるcloseメソッドを呼び出した時のイベント。 |
closed.bs.alert |
アラート・メッセージを閉じた時のイベント。 |
サンプル
サンプル
close.bs.alert:
closed.bs.alert:
警告アラート
ソースコード
HTML
<p>close.bs.alert: <span id="closeBsAlert"></span></p> <p>closed.bs.alert: <span id="closedBsAlert"></span></p> <div id="sampleAlert" class="alert alert-warning alert-dismissible fade in" role="alert"> <button type="button" class="close" data-dismiss="alert"> <span aria-hidden="true">×</span> </button> <strong>警告</strong>アラート </div>
JavaScript
$(function () { $('#sampleAlert').on('close.bs.alert', function () { $('#closeBsAlert').text("closeメソッドを呼び出しました。"); }); $('#sampleAlert').on('closed.bs.alert', function () { $('#closedBsAlert').text("アラートを閉じました。"); }); });
このJavaScriptコードは、jquery.min.js
を読み込んだ後に配置する必要がある。