Bootstrap案例 - W3xue在线HTML/CSS/JS运行工具

​x
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"> 
    <title>Bootstrap 实例 - 弹出框（Popover）插件事件</title>
    <link rel="stylesheet" href="/css/bootstrap/bootstrap3.3.7.min.css">
    <script src="/js/bootstrap/jquery.min.js"></script>
    <script src="/js/bootstrap/bootstrap3.3.7.min.js"></script>
</head>
<body>
​
<div clas="container" style="padding: 100px 50px 10px;" >
    <button type="button" class="btn btn-primary popover-show" 
            title="Popover title" data-container="body" 
            data-toggle="popover" 
            data-content="左侧的 Popover 中的一些内容 —— show 方法">
        左侧的 Popover
    </button>
</div>
<script>
    $(function () { $('.popover-show').popover('show');});
    $(function () { $('.popover-show').on('shown.bs.popover', function () {
        alert("当显示时警告消息");
    })});