Question

你好我读了关于工具提示的一切，它是JS。

bootstrap从未包含bootstrap-tooltip.js的下载，因此我只链接了bootstrap.js文件。

我的javascript：

    <script type="text/javascript">
$('.link').tooltip()
</script>

我的HTML

<a href="#" class="link" data-original-title="first tooltip">Hover me for a tooltip</a>!

我尝试将js移动到页脚下的页脚，顶部，顶部，它不起作用.. javascript甚至没有启动。它甚至没有显示默认的工具提示。

我的页面：http://justxp.plutohost.net/jonydesigns/tos.php

我的整个tos.php页面： http://pastebin.com/qSe9NES7

有人可以找出工具提示出现的原因吗？我也包括了bootstrap css，整个网站实际上是用它构建的。

谢谢！

Answer 1

1：您没有在任何地方链接所需的bootstrap-tooltip.js。（至少我在你的代码中找不到它。）

2：您的JavaScript代码应该被$(document).ready( ... )包围：

$(document).ready(function() {
    $('.link').tooltip();
});

Answer 2

此问题的修复程序在documentation：

中定义

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

然而，我发现这个描述非常模糊，应该包含一个例子。工具提示需要“初始化”。在这种情况下，您可以在文档就绪时执行此操作：

<强>的jQuery

$('.link').tooltip();

然后您提供的标记将在鼠标悬停时显示工具提示。

<a href="#" class="link" data-original-title="first tooltip">Hover me for a tooltip</a>!

另请注意，bootstrap.js包含bootstrap-tooltip.js。要查看此打开bootstrap.js并查找：

/* ===========================================================
 * bootstrap-tooltip.js v2.3.1
 * http://twitter.github.com/bootstrap/javascript.html#tooltips
 * Inspired by the original jQuery.tipsy by Jason Frame

在相关的说明中，弹出窗口也需要“初始化”。 E.G。

<强>标记

<a id="somePopoverId" href="#" rel="popover" class="btn btn-large btn-danger" data-content="Hello world!" title="" data-toggle="popover" data-original-title="A whatever" data-container="body">Popover</a>

<强>的jQuery

$("a[rel='popover']").popover({
                placement: "top",
                trigger: "hover"
            });

或更简单......

 $("#somePopoverId").popover({
                placement: "top",
                trigger: "hover"
            });

Bootstrap工具提示不起作用？

2 个答案: