Question

我试图使用Bootstraps工具提示。但我不能让它发挥作用。它没有出现。无论我尝试什么。我得到了所有最新的Jquery，Javascripts。我测试了他们是否真的通过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

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

1 个答案: