Bootstrap Popover僅適用於懸停

Question

我一直很難讓Bootstraps彈出式窗口在單擊時顯示，而不是在懸停時顯示。 我看了這個頁面上的例子。 http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_popover&stacked=h

我已經復制了示例中的確切腳本src鏈接以及meta和鏈接行。 我還初始化彈出窗口無濟於事。 這是我正在使用的內容的簡化版本。

    <head>
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
            <link rel="stylesheet" type ="text/css" href="style.css" />     
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <meta charset="utf-8"> 

    </head>           
    <body>
                    <div id="container">
                        <a href="#" data-toggle="popover" title="Popover Header" data-trigger="click" data-content="Some content inside the popover">Toggle popover</a>
                    </div>
                    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
                    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
                    <script>
                                $(document).ready(function(){
                                        $('[data-toggle="popover"]').popover();   
                                });
                    </script>
               </body>

我不知道這是否正常，但是我嘗試打開頁面，右鍵單擊a元素，然后單擊inspect（在chrome中）。在右下方，它顯示了兩個錯誤。

未捕獲的錯誤：Bootstrap的JavaScript需要jQuery

未捕獲的TypeError：$（...）。popover不是函數

它找不到JQuery？ 它肯定在那里。 當我將鼠標懸停在該元素上時，該元素就會顯示並顯示文本，而當我單擊它時什么也不會發生。

Answer 1

首先包括jQuery腳本：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

在頁面加載時，此錯誤記錄到控制台：

    Uncaught Error: Bootstrap's JavaScript requires jQuery

意味着bootstrap js正在尋找jquery對象。

Bootstrap Popover僅適用於懸停

問題描述

1 個解決方案

解決方案1
2 已采納 2016-01-13 23:08:25

Bootstrap Popover僅適用於懸停

問題描述

1 個解決方案

解決方案1 2 已采納 2016-01-13 23:08:25

解決方案1
2 已采納 2016-01-13 23:08:25