工具提示无法正常工作

-2

好的，我对如何让Bootstrap 3工具提示工作感到莫名其妙。引导工具提示 “指令” http://getbootstrap.com/javascript/#tooltips 工具提示无法正常工作

说使用触发：

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

然后写HTML

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

不管我做什么，我似乎无法得到它工作。在他们的例子中没有ID命名示例，并且添加所述ID不起作用（我将脚本包装在脚本标签中并在锚点前后添加了它）。

但是，在谷歌环顾四周之后，我发现下面的代码，当它被添加时使得工具提示工作正常。

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

所以，我的问题是，到底如何才能获得它提供的引导代码的工作！我错过了什么？他们确实需要按照他们的指示工作。这不应该花这么长时间才能找出它应该简单的时间！

来源

2014-10-18 Kray

为什么人们对此投票？如果您知道如何使用它提供的代码，请提供解决方案。没有理由投下它！特别是因为它不像广告一样工作。 – Kray 2015-01-14 16:50:23

我能够在fiddle中重新创建这个。如果您收到javascript错误，请检查浏览器上的控制台。看着你提供的代码，虽然它打我，你可能会混合两件事。该选项需要在您的JavaScript代码，而不是在HTML中定义，像这样：

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

来源

2014-10-18 03:49:55 Gjohn

那么，这是关于如何阅读引导的文件。

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

只是介绍如何使用jQuery的方法，它不适合下面的HTML：

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

的方法必须以积极的工具提示插件调用。因此，为了使HTML与插件的工作，你需要做两步：

添加一个id为HTML，比方说，

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

调用jQuery的方法，
```
$('#tips').tooltip(options) 
```

来源

2014-10-18 04:29:50 WilliamX

嘿威廉。不适合我。我介绍的HTML直接来自Bootstrap指令，因此是我混乱的一部分。为什么在JS中引用一个ID而在HTML代码中没有ID。我试着用上面和下面的JS代替我的代码，甚至将jQuery更改为来自Google的托管版本。没有。但对其他代码正常工作。我想也许有什么矛盾。我试图布置yoURLs安装。回到绘图板。 – Kray 2014-10-18 16:20:02

工具提示无法正常工作

回答

相关问题