Bootstrap工具提示无效

Question

我的JavaScript：

<script>
    $(function(){
        $('a[rel=tooltip]').tooltip();
    });
​</script>

我的HTML：

<br><br><br>This is an example of a sentence with a
<a href="#" rel="tooltip" title="This is the tooltip!">tooltip</a>!

这不显示Bootstrap 2.0工具提示，但显示一些默认值。

Answer 1

尝试在页脚中添加代码。它对我有用！由于某种原因，它在标题中不起作用！

Answer 2

假设您已宣布您的工具提示声明如下：

<a href="#" rel="tooltip" class="tip" title="Rating:' + rating + '">'+ name +'</a>

在同一个文件中，请确保包括：

<script type="text/javascript">
     $('.tip').tooltip();
</script>

请注意，您应该在引用的HTML之后引用此代码，或将其包装在

中

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

另请注意，jQuery选择器引用了一类工具提示，而不仅仅是一个工具提示的id。

Answer 3

确保已加载.tooltip类的所有css样式。

如果没有这些，工具提示可能会显示在浏览器窗口的可见部分之外。