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.