Bootstrap3
日本語リファレンス

広告

イベント  Events


アラート・メッセージのイベントについて。


構文

on( events, fn )メソッドを使う場合。

$( セレクター ).on( イベント, function () {
	// 処理
} );

セレクターでアラートを選択。

イベントに指定できるのは、close.bs.alertclosed.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を読み込んだ後に配置する必要がある。


広告
広告