アラートメッセージは、主にエンドユーザーに警告メッセージや確認メッセージなどの情報を表示することを望みます。アラートプラグインを使用して、すべての警告ボックスメッセージにキャンセル可能な機能を追加できます。
プラグインの機能を個別に参照する場合は、Alert.jsを参照する必要があります。または、bootstrapプラグインの概要章で述べたように、bootstrap.jsまたはbootstrap.min.jsの圧縮バージョンを参照できます。
1。使用法
次の2つの方法で、警告ボックスの解雇機能を有効にすることができます。
1.データ属性を介して:データAPI(データAPI)を介してキャンセル可能な関数を追加します。 data-dismiss = "alert"を閉じるボタンに追加するだけで、閉じる機能が自動的に警告ボックスに追加されます。
<a data-dismiss = "alert" href = "#" aria-hidden = "true">×</a>
2。JavaScriptを介して:JavaScriptを介してキャンセルされた関数を追加します。
$( "。alert")。alert()
2。簡単な例
警告ボックスは、クリック時間の情報ボックスです。
1。基本的な例
<div> <ボタンタイプ= "button" data-dismiss = "alert"> <span>×</span> </button> <p>警告:ブラウザはそれをサポートしていません! </p> </div>
2.フェードエフェクトを追加します
<div>
JavaScriptを使用すると、data-dismiss = "alert"に置き換えることができます
// javascriptメソッド$('。close ')。
アラートプラグインには、2種類のイベントがあります。
//イベント、その他の類似性$( '#alert')。
この一連のチュートリアルは、Bootstrap Basic Tutorials Special Topics、Click to Learnのようにコンパイルされています。
それでも詳細に勉強したい場合は、ここをクリックして3つのエキサイティングなトピックを勉強して添付できます。
ブートストラップ学習チュートリアル
ブートストラップ実用的なチュートリアル
ブートストラッププラグインの使用チュートリアル
上記はこの記事に関するすべてです。誰もがブートストラップ警告ボックスプラグインを学ぶことが役立つことを願っています。