## 警告信息 alert.js 警告框插件（alert.js）為警告框組件一個關閉功能，即點擊警告框的關閉按鈕，可以讓警告框消失，并將它從 DOM 中刪除。 **使用方法** **1.** 通過data屬性關閉警告框 為警告框添加一個可選的`.alert-dismissible`類和一個關閉按鈕，就可以為警告框組件提供關閉功能。關閉按鈕可以使用`.close`的任何元素定義，不管什么元素都必須使用`.close`類，并包含`data-dismiss="alert"?`屬性，`.close`類用于顯示 '×' 符號，`data-dismiss`屬性用來執行關閉動作。如果希望警告框在關閉時表現出動畫效果，還可以為它添加`.fade`和`.in`類。 ```html <div class="alert alert-warning alert-dismissable fade in"> <button type="button" class="close" data-dismiss="alert">&times;</button> <strong>警告</strong>請先進行檢查 </div> ```  給關閉按鈕添加`data-dismiss="alert"`屬性后，無需任何JavaScript代碼，就可以自動為警告框賦予關閉功能。點擊警告框的 '×' 符號，就可以關閉警告框。 **2.** 可以通過JavaScript關閉警告框 你也可以通過JavaScript為某個警告框添加關閉功能，使用JavaScript方式，就不必為關閉按鈕添加`data-dismiss="alert"`屬性。 ```html <div class="alert alert-warning alert-dismissable fade in"> <button type="button" class="close">&times;</button> <strong>警告</strong>請先進行檢查 </div> ``` ```js $(function()?{ ? $(".close").click(function(){ ??? $(".alert").alert('close'); ??}); }); ``` 現在點擊警告框的 '×' 符號，同樣可以將它關閉并從 DOM 中刪除。如果警告框被賦予了`.fade`和`.in`類，則在淡出之后才會被刪除。 ***** **警告框插件的事件** | 事件 | 含義 | | --- | --- | | close.bs.alert | `close`方法被調用后，立即觸發該事件 | | closed.bs.alert | 當警告框已經被關閉（會等待過渡效果執行結束）之后，觸發該事件 | ```js $('#box').on('closed.bs.alert',function(){ alert('警告提示已關閉'); }) ```