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>

以下是我从bootstrap网站直接获取的工具提示的示例调用：

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

其他人在使用2个元素时遇到了麻烦吗？

我很确定这是我做过的蠢事。

Bootstrap 3中提供的所有其他JS影响，如模态＆amp;标签工作正常......

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>

选中此link

Answer 3

选择加入功能出于性能方面的考虑，Tooltip和Popover数据API是可选的，这意味着您必须自己对其进行初始化。

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

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

Bootstrap 3工具提示或弹出窗口不起作用

3 个答案: