工具提示無法正常工作

-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

工具提示無法正常工作

回答

相關問題