Bootstrap的js插件之警告框(alert.js)


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>



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM