引导工具提示不工作

我快疯了。

我有以下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示例的源代码，在那里的任何地方都看不到任何启动工具提示的东西。所以我猜它应该可以工作，还是我错过了一些重要的东西?

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

谢谢你的帮助!

当前回答

在我的特殊情况下，它没有工作，因为我包含了两个版本的jQuery。一个用于引导，另一个(另一个版本)用于谷歌图表。

当我移除图表的jQuery加载时，它工作得很好。

2012-12-13 11:38:32

其他回答

添加data-toggle="tooltip"在你想要的任何元素的工具提示。

2017-09-30 06:54:53

我已经在头部添加了jquery和bootstrap-tooltip.js。在脚注中添加此代码对我有用!但是当我在标题中添加相同的代码时，它不起作用!

<script type="text/javascript">
$('.some-class').tooltip({ selector: "a" });
</script>

2012-03-01 14:50:26

这是最简单的方法。把这个放在</body>之前:

<script type="text/javascript">
    $("[data-toggle=\"tooltip\"]").tooltip();
</script>

查看Bootstrap文档中给出的关于工具提示的示例。

例如:

<a href="#"
   data-toggle="tooltip"
   data-placement="bottom"
   title="Tooltip text here">Link with tooltip</a>

2014-08-05 13:18:27

你可以使用Popper.js

<script src="JavaScript/popper.min.js"></script>
<script src="JavaScript/bootstrap.min.js"></script>

并调用tooltip函数:

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

2019-11-09 21:32:38

从工具提示上的引导文档

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

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

2018-08-20 13:13:30

引导工具提示不工作

推荐文章

最新文章

标签