bootstrap没有显示工具提示

时间:2012-04-13 20:09:03

标签: css tooltip twitter-bootstrap

我按照bootstrap主页示例在我的页面中设置了一些工具提示,但它们不起作用。 我试着这样做:

<script type="text/javascript" src="vendor/js/jquery.js"></script>    
<script type="text/javascript" src="vendor/js/bootstrap.js"></script>
        <script type="text/javascript">

        var options ;
        $('.tip').tooltip();
    </script>

    <a href="#" rel="tooltip" class="tip" title="first tooltip" data-original-title="Logout">

为什么它不起作用,并没有显示任何控制台错误?我正在使用最新的boostrap版本

1 个答案:

答案 0 :(得分:1)

您应该将脚本移动到它引用的HTML下面或将其包装在:

$(document).ready(function() {
  $('.tip').tooltip();
});

在调用tooltip()方法之前确保已加载DOM。