Question

我的网站上有引导程序，我已将所有“bootstrap.min.css”“bootstrap.js”和“jquery.js”文件导入到我的html文件中。但是下面的代码不起作用！任何人都可以帮助我吗？

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>

Answer 1

请检查这个jsfiddle： http://jsfiddle.net/5bq8U/

HTML：

<div align="center">
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
</div>

JS：

$('button').tooltip();

Answer 2

根据文件http://getbootstrap.com/javascript/#tooltips

出于性能原因，Tooltip和Popover data-apis是选择加入的，意思是你必须自己初始化它们。

因此，在页面加载或$('button[data-toggle="tooltip"]').tooltip();上调用的$(document).ready()的答案应仅针对具有工具提示标记的按钮。

为什么bootstrap的javascript包不起作用？

2 个答案: