用於創建模式對話框的jQuery編碼可在jsfiddle中使用，但不能在本地html文件中使用

Question

我試圖創建一個使用jQuery懸停時出現的模式對話框。 以下代碼可以正常工作，並且模式框出現在jsfiddle中，但是在將其遷移到本地文本編輯器后，它的顯示方式不同。 有人可以幫我嗎？ 我還包括了jsfiddle版本的URL。 謝謝。

http://jsfiddle.net/9P64a/

以下是HTML和CSS部分：

<head>

    <!-- <link rel="stylesheet" type= "text/css" href = "http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" /> -->
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>


<style  type="text/css">


   @import url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css'); 

  .container {
      margin: 40px;
     }


</style>        

</head>     


<body>

 <div class="container">

   <a id="popoverData" class="btn" href="#" data-content="Popover with data-trigger" rel="popover" data-placement="bottom" data-original-title="Title" data-trigger="hover">Popover with data-trigger</a>

   <a id="popoverOption" class="btn" href="#" data-content="Popup with option trigger" rel="popover" data-placement="bottom" data-original-title="Title">Popup with option trigger</a>
  </div>

以下是javascript部分：

<script type="text/javascript">

   $(document).ready( function() {

   $('#popoverData').popover();
   $('#popoverOption').popover({ trigger: "hover" });

    })

   </script>

    </body>

</html>

提前非常感謝您。

Answer 1

您是否忘了引導腳本？ 例：

 <script type="text/javascript" src="js/bootstrap.min.js"></script>

用於創建模式對話框的jQuery編碼可在jsfiddle中使用，但不能在本地html文件中使用

問題描述

1 個解決方案

解決方案1
1 2014-08-22 22:35:59

用於創建模式對話框的jQuery編碼可在jsfiddle中使用，但不能在本地html文件中使用

問題描述

1 個解決方案

解決方案1 1 2014-08-22 22:35:59

解決方案1
1 2014-08-22 22:35:59