Bootstrap每天必學(xué)之警告框插件

    Bootstrap每天必學(xué)之警告框插件,使用警告框（Alert）插件，您可以向所有的警告框消息添加可取消（dismiss）功能，感興趣的小伙伴們可以參考一下
    警告框（Alert）消息大多是用來想終端用戶顯示諸如警告或確認(rèn)消息的信息。使用警告框（Alert）插件，您可以向所有的警告框消息添加可取消（dismiss）功能。
    如果您想要單獨引用該插件的功能，那么您需要引用 alert.js?；蛘撸?Bootstrap 插件概覽 一章中所提到，您可以引用 bootstrap.js 或壓縮版的 bootstrap.min.js。
    一、用法
    您可以有以下兩種方式啟用警告框的可取消（dismissal）功能：
    1、通過 data 屬性：通過數(shù)據(jù) API（Data API）添加可取消功能，只需要向關(guān)閉按鈕添加 data-dismiss="alert"，就會自動為警告框添加關(guān)閉功能。
    <a data-dismiss="alert" href="#" aria-hidden="true">
     ×
    </a>
    2、通過 JavaScript：通過 JavaScript 添加可取消功能：
    $(".alert").alert()
    二、簡單實例
    警告框即為點擊小時的信息框。
    1、基本實例
    <div>                   
     <button type="button" data-dismiss="alert">            
      <span>×</span>                     
     </button>                        
     <p>                          
      警告：您的瀏覽器不支持！                       
     </p>                          
    </div>
     2、添加淡入淡出效果
    <div>
    如果用 JavaScript，可以代替 data-dismiss="alert"
    //JavaScript 方法
    $('.close').on('click', function() {
     $('#alert').alert('close');
    })
    Alert 插件中事件有兩種：
    
    //事件，其他雷同
    $('#alert').on('close.bs.alert', function() {
     alert('當(dāng) close 方法被觸發(fā)時調(diào)用！');
    });