引导工具提示不工作

我快疯了。

我有以下HTML:

<a href="#" rel="tooltip" title="A nice tooltip">test</a>

引导样式的工具提示拒绝显示，只是一个普通的工具提示。

我有bootstrap。css工作得很好，我可以看到里面的类

我已经在我的HTML文件的末尾得到了所有相关的JS文件:

<script src="bootstrap/js/jquery.js"></script>
<script src="bootstrap/js/bootstrap-alert.js"></script>
<script src="bootstrap/js/bootstrap-modal.js"></script>
<script src="bootstrap/js/bootstrap-transition.js"></script>
<script src="bootstrap/js/bootstrap-tooltip.js"></script>

我已经查看了Bootstrap示例的源代码，在那里的任何地方都看不到任何启动工具提示的东西。所以我猜它应该可以工作，还是我错过了一些重要的东西?

我有模态和警报和其他东西工作得很好，所以我不是一个完全的白痴;)

谢谢你的帮助!

当前回答

我只是补充了一句:

<script src="http://getbootstrap.com/assets/js/docs.min.js"></script>

在bootstrap.min.js下面，它可以工作。

2014-10-10 07:42:48

其他回答

从工具提示上的引导文档

由于性能原因，工具提示是可选择的，因此必须自己初始化它们。初始化页面上所有工具提示的一种方法是根据它们的数据-选择它们切换属性:

  $('[data-toggle="tooltip"]').tooltip()

2018-08-20 13:13:30

如果你正在用javascript创建包含工具提示的html，然后将其插入到文档中，你必须在插入html到文档后激活弹出窗口/工具提示，而不是在文档加载时…

2013-07-17 23:49:19

HTML

<a href="#" data-toggle="tooltip" title="Title Here">Hyperlink Text</a>

JQuery

$(document).ready(function() {
    $('[data-toggle=tooltip]').tooltip();
});

这是我的工作。

2014-04-21 15:05:47

将代码放入文档中

$(document).ready(function () {
    if ($("[rel=tooltip]").length) {
        $("[rel=tooltip]").tooltip();
    }
});

在我的情况下，我也错过了http://twitter.github.com/bootstrap/assets/css/bootstrap.css上的css类工具提示儿子，别忘了这一点。

2012-05-30 18:27:25

您需要完成以下操作。添加

<script type="text/javascript">
    $(function () {
        $("[rel='tooltip']").tooltip();
    });
</script>

在页面的某处编写代码(最好是在<head>部分)。

还可以添加data-toggle: "tooltip"到任何你想启用它的地方。

2017-07-16 12:57:29

引导工具提示不工作

推荐文章

最新文章

标签