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();