工具提示不起作用

Question

好的，我对如何使Bootstrap 3 Tooltip正常工作感到困惑。 Bootstrap Tooltip＆＃34;说明＆＃34; http://getbootstrap.com/javascript/#tooltips

说触发使用：

$('#example').tooltip(options)

然后写HTML

<a href="#" data-toggle="tooltip" title="Some tooltip text!">Hover over me</a>

无论我做什么，我似乎无法让它发挥作用。在他们的示例中没有名为example的ID，并且添加所述ID不起作用（我将脚本包装在脚本标记中并在锚之前和之后添加它）。

但是，在浏览Google之后，我发现了以下代码，添加时会使Tooltip按原样运行。

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

所以，我的问题是，我到底如何使用提供的Bootstrap代码！我错过了什么？他们真的需要按照他们的指示工作。这应该花很长时间来弄清楚什么时候应该简单！

Answer 1

我能够在fiddle中重新创建此内容。如果您收到javascript错误，请检查浏览器上的控制台。看看你提供的代码虽然它让我觉得你可能会把两件事混在一起。这些选项需要在您的javascript代码中定义，而不是在HTML中定义，如下所示：

$(document).ready(function() {
var option = {
    title: "example",
    placement: "bottom"
};
$("#example").tooltip(option);
});

Answer 2

嗯，这是关于如何阅读bootstrap的文档。

$('#example').tooltip(options)

只介绍如何使用jquery方法，它不适用于以下html：

<a href="#" data-toggle="tooltip" title="Some tooltip text!">Hover over me</a>

必须调用该方法才能激活工具提示插件。因此，为了使html与插件一起使用，您需要执行两个步骤：

1. 在html中添加一个id，比如说，

   <a href="#" id="tips" data-toggle="tooltip" title="Some tooltip text!">Hover over me</a>
   

2. 调用jquery方法，

   $('#tips').tooltip(options)