Bootstrap Popover不工作

Question

我試圖在網站上實現引導彈窗，但由於某種原因，它不工作。

控制檯不會輸出任何錯誤，我也發出警報來檢查JS是否正常工作。

我的代碼是：

頭：

<script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script src="js/bootstrap.js" type="text/javascript"></script> 

    <script type='text/javascript'> 
    $(document).ready(function() { 
     alert("Aaaa"); 
     $('#example').tooltip(); 
    }); 
    </script> 

HTML

<a href="#" rel="tooltip" data-placement="right" 
    data-original-title="Tooltip on right" 

Answer 1

出於性能考慮，工具提示和酥料餅的數據的API都在選擇。 如果您想使用t下襬只需指定一個選擇器選項。

- Bootstrap Docs

但如果你已經涵蓋了，似乎你需要一個id ATTR添加到您的標籤：

<a href="#" rel="tooltip" data-placement="right" data-original-title="Tooltip on right">Stuff</a> 

Example

Answer 2

[編輯首先嚐試其他答案。

我認爲你需要有一個ID在你的HTML來選擇你的JS

引用此外，嘗試沒有在體內腳本類型=「文/ JavaScript的」。

從

<script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script src="js/bootstrap.js" type="text/javascript"></script> 

    <script type='text/javascript'> 
    $(document).ready(function() { 
     alert("Aaaa"); 
     $('#example').tooltip(); 
    }); 
    </script> 

TO-

<script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script src="js/bootstrap.js" type="text/javascript"></script> 

    <script> 
    $(document).ready(function() { 
     alert("Aaaa"); 
     $('#example').tooltip(); 
    }); 
    </script> 

Answer 3

這適用於在同一時間的所有元素。

$("[rel='tooltip']").tooltip();