Bootstrap JS アラート

❮ 前章へ 次のリファレンス ❯

JS Alert (alert.js)

alert プラグインには、アラーメッセージを閉じるためのオプションとメソッドが含まれています。

アラートに関するチュートリアルは、Bootstrap アラート・チュートリアルをご覧ください。


Alert プラグイン・クラス

クラス 説明
.alert アラートメッセージボックスを作成する Try it
.alert-success 成功または積極的な行動を表示する Try it
.alert-info 情報提供用アラートメッセージのコンテキストボタン Try it
.alert-warning この行動には注意を払うべきであることを表示する Try it
.alert-danger 危険または潜在的に負の行動を表示する Try it
.close アラートメッセージの閉じるボタンをスタイルする(指定したフォントサイズ、色などで右にフロートする) Try it

data-* 属性を通してアラートを閉じる

アラートメッセージを閉じるため、リンクまたはボタンに data-dismiss="alert" を追加します。

alert message.

<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
Try it Yourself »

JavaScript 通してアラートを閉じる

次により、手動で閉じます:

$('.close').alert();
Try it Yourself »

Alert オプション

None

Alert メソッド

次の表は、使用できる全アラートメソッドの一覧です。

メソッド 説明 Try it
.alert("close") アラートメッセージを閉じる Try it

Alert イベント

次の表は、使用できる全アラートイベントの一覧です。

Event 説明 Try it
close.bs.alert アラートメッセージが閉じられようとしているときに発生する Try it
closed.bs.alert アラートメッセージが閉じられたときに発生する Try it

❮ 前章へ 次のリファレンス ❯