无法显示引导工具提示

时间:2016-05-23 22:35:10

标签: twitter-bootstrap

在下面(非常简单)的示例中,我无法获得引导程序的工具提示,但它们无法正常工作(我得到普通的浏览器toooltips)。

http://codepen.io/anon/pen/zqgaMY

我的A标签必须使用官方自举代码:

data-toggle="tooltip" data-placement="left" title="Tooltip on left"

我加载了JS:

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

我做错了什么?

2 个答案:

答案 0 :(得分:3)

您需要包含jQuery才能使工具提示生效。加上这个:

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

ABOVE 您的bootstrap.js链接,它应该可以正常使用。

链接到jsFiddle:https://jsfiddle.net/e0d8my79/104/

指向CodePen的链接:http://codepen.io/anon/pen/oxKyKB

答案 1 :(得分:-1)

检查你的Jquery.js文件是否准备就绪...... 并提出证据...... 只有一个$(&#39; [data-toggle =&#34; tooltip&#34;]&#39;)。tooltip();