css - 引导程序不显示工具提示

Question

我按照引导主页示例在我的页面中设置了一些工具提示，但它们不起作用。我试过这个：

<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 已加载。