2016-05-23 52 views
1

在以下(非常简单)示例中,我无法获得引导程序的工具提示来显示,它们只是不起作用(我得到普通的香草浏览器toooltips)。无法获得引导工具提示

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

我的一个标签有官方的引导代码:

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

和我加载JS:

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

我在做什么错?

回答

3

您需要包含jQuery以使工具提示工作。补充一点:

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

以上bootstrap.js链接,它应该工作的罚款。


链接的jsfiddle:https://jsfiddle.net/e0d8my79/104/

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

+0

是的。当出现这样的错误时,通常会立即在任何浏览器的开发者控制台中看到。 – coyotte508

+0

这真是太棒了!不知道为什么它在bootstrap文档中不明确,我会重新阅读它们以查看我错过的位置。非常感谢,我会尽快接受你的回答。 –

+0

@AlexandreDanault很高兴能帮到你。干杯!! –

-1

检查你的jquery.js文件已准备就绪的厄运...... 并作出证明...... 只有白衣$('[data-toggle =“tooltip”]')。tooltip();