css - Bootstrap 不显示工具提示

Question

我按照 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 版本

Answer 1

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

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

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