引導工具提示不工作 - 即使用jQuery

我已經做了一切，但無法讓我的代碼工作！簡單的導航欄演示引導工具提示不工作 - 即使用jQuery

<!--- This is the main CSS file for bootstrap. ---> 
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> 

    <!-- Latest compiled and minified JavaScript for bootstrap.--> 
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> 

    <!-- jQuery files as we will be needing it. --> 
    <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script> 

    <script> 
     $("#item").tooltip(); 
    </script> 
</head> 
<!-- End the Head Section --> 
<body> 
<a class="tip" data-toggle="tooltip" data-placement="right" href="#" id="item1" title="Hello World!">Home</a> 
    <div class="container" style="padding-top: 50px;"> 
     <nav class="navbar"> 
      <ul class="nav nav-pills"> 
       <li class="active"><a class="tip" href="#" data-toggle="tooltip" id="item1" title="Hello World!">Home</a></li> 
      </ul> 
     </nav> 
    </div> 
</body>

我在做什麼錯？我在不同的瀏覽器上試過，檢查鏈接。找不到任何內容...

來源

2013-12-09 Coder Guy

您需要加載引導程序之前加載jquery。 jquery是引導腳本工作的先決條件。

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> 
<!-- jQuery files as we will be needing it. --> 
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script> 
<!-- Latest compiled and minified JavaScript for bootstrap.--> 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

另外你需要將你的腳本訪問元素（#item）中的document.ready，因爲你的腳本而來的元素之前。

$(function(){ 
    $("#item").tooltip(); //Note that selector should be #item1 and not #item accoring to your html. 
});

Demo

來源

2013-12-09 21:28:00 PSL

引導工具提示不工作 - 即使用jQuery

回答

相關問題