引导工具提示不起作用（无论我尝试什么）

Question

我正在尝试使用 Bootstraps 工具提示。但我就是不让它工作。它没有出现。无论我尝试什么。我加载了所有最新的 Jquery、Javascript。我测试了它们是否真的通过 URL 工作。

我遵循了许多教程，阅读了文档，但没有运气：/

这是我使用 Javascript 切换的完整代码： https://gist.github.com/matthijs110/1e7fc36902b0da5184aa

为了节省您的搜索，这里是脚本：

<script>
    $(function(){
        $('#domain').tooltip(animation)
        })
    });
</script>

这是悬停时应该切换的文本：

<h4 id="domain" data-toggle="tooltip" title="first tooltip">play.domain.com</h4>

我只是不知道出了什么问题。我也尝试了 A 标签。但我在某处读到 H4 等也可以工作。

Answer 1

你必须使用：

• jquery-1.8.3.js
• bootstrap.min.css
• bootstrap.min.js

我编辑了代码：

<div class='my_div'>
 <a href="#" class="marker" title="Tooltip on right">hover me</a>
</div>

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$(document).ready(function(){
    $(".marker").tooltip({placement: 'right'});
});
});//]]>  

</script>

查看http://jsfiddle.net/ytpAy/314/

已编辑： 要更改工具提示方向，请在 placement: 'right' 上使用 bottom 、 top 、 left 或 right