twitter-bootstrap - Bootstrap 3 工具提示或弹出框不起作用

Question

我有一个 Django 应用程序，前端是在 Twitter Bootstrap 3 中设计的。我所有的样式和 JS 都工作正常，包括模态等等……但我一辈子都无法获得弹出框的工具提示来做任何事情……

我没有在 Firebug 中抛出任何错误。

这是我包含的顺序：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>

这是我直接从引导站点获取的工具提示的示例调用：

<a href="#" data-toggle="tooltip" title="first tooltip">Hover over me</a>

其他人对这两个元素有问题吗？

我相当肯定这是我所做的愚蠢的事情。

Bootstrap 3 中提供的所有其他 JS 影响，如模式和选项卡都工作正常......

Answer 1

您只需要通过 javascript 启用工具提示：

$('some id or class that you add to the above a tag').tooltip()

Answer 2

工具提示必须用 jQuery 初始化：

<a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a>

<script>
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip(); 
});
</script>

检查此链接

Answer 3

选择加入功能 出于性能原因，Tooltip 和 Popover 数据 API 是选择加入的，这意味着您必须自己初始化它们。

初始化页面上所有弹出框的一种方法是通过它们的 data-toggle 属性选择它们：

    $(function () {
  $('[data-toggle="popover"]').popover()
})