イベント 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を読み込んだ後に配置する必要がある。