Twitter的引導提示跨度標籤（不是標籤）

我的問題是基於SO質疑Bootstrap tooltips not working Twitter的引導提示跨度標籤（不是標籤）

因此，解決方案是使用： jQuery的：

$("[rel='tooltip']").tooltip();

HTML：

<a href="#" rel="tooltip" title="A nice tooltip">test</a>

而且工作完美。我的問題是：如果我想使用<span>標記而不是<a>，該怎麼辦。

是否應該是<span rel="tooltip" title="A nice tooltip">Hover on me</span>？

它很完美，但我看到rel屬性用於標籤。

那麼，什麼是正確的解決方案？

來源

2013-02-22 Haradzieniec

您可以通過以下方式寫：

方法1

<a title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Tooltip on top">Tooltip on top</a>

，比用下面的代碼初始化：

$('a').tooltip();

另一種方法是使用類或ID並逐一初始化它們，如：

方法2

<span class="top" title="A nice tooltip" data-original-title="Tooltip on right">Hover on me</span>  

<a class="top" title="" href="#" data-original-title="Tooltip on top">Tooltip on top</a>

比用下面的代碼進行初始化：

$(".top").tooltip({ 
placement: "top" 
});

的jsfiddle Method 1

的jsfiddle Method 2

來源

2013-02-22 14:30:13 Shail

如果你不想使用rel屬性上<span>，只需用別的像類和更新提示選擇，如：

$("[rel='tooltip'], .tooltip").tooltip(); 

<span class="tooltip" title="A nice tooltip">Hover on me</span>

您可以使用jQuery的內部的任何CSS選擇器功能$()以任何方式選擇頁面上的任何元素。

來源

2013-02-22 12:15:55 Dunhamzzz

Twitter的引導提示跨度標籤（不是標籤）

回答

相關問題