data-dismiss="alert"——為關閉button加入該屬性能夠使其自己主動為警告框賦予關閉功能。
.fade .in——為警告框在關閉時加入動畫效果。
很多其它細節參考演示樣例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>js插件_警告框</title> <link rel="stylesheet" href="bootstrap.min.css" type="text/css"> <!--<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">--> <script src="jquery-1.11.1.min.js"></script> <script src="bootstrap.min.js"></script> </head> <body> <div class="container"> <h3>警告框演示樣例</h3> <div class="alert alert-info alert-dismissible fade in" role="alert" id="myAlert"> <button type="button" class="close" data-dismiss="alert" aria-label="close"> <span aria-disabled="true">×</span> </button> 感謝您選擇<strong><要投哪></strong> <button type="button" class="btn btn-primary">詳情</button> </div> </div> <script> // $("#myAlert").alert('close'); // $('#myAlert').on('closed.bs.alert',function(e){ // alert("關閉了"); // }) </script> </body> </html>
