2

您好，我阅读了有关工具提示的所有内容，它是 JS。

  1. 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 移动到页脚，在 div 下，到头部，到顶部，但它不起作用.. javascript 甚至没有启动。它甚至不显示默认工具提示。

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

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

有人可以找出为什么工具提示不显示吗？我也包含了引导 css，整个网站实际上都是用它构建的。

谢谢！

4

2 回答 2

4

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

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

$(document).ready(function() {
    $('.link').tooltip();
});
于 2012-10-22T20:44:09.927 回答
3

文档中定义了此问题的修复：

出于性能原因，工具提示和弹出框数据 API 是可选的，这意味着您必须自己初始化它们。

但是，我发现这个描述很模糊，应该包括一个例子。工具提示需要“初始化”。在这种情况下，您可以在准备好的文档上执行此操作：

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

在相关说明中，弹出窗口也需要“初始化”。例如

标记

<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"
            });
于 2013-03-20T15:13:45.290 回答