引導提示使用

我加入引導提示我的標籤是這樣的：引導提示使用

jQuery('span.arUp a').attr("data-placement", "top"); 
jQuery('span.arUp a').attr("data-toggle", "tooltip"); 
jQuery('span.arUp a').attr("data-original-title", "Tooltip on top");

和標籤如下所示：

<a rel="next" href="http://roadmap.private.net/?p=28" data-placement="top" data-toggle="tooltip" data-original-title="Tooltip on top">Fedrer</a>

但沒有提示即將到來。請幫忙！！

來源

2013-05-20 Sankalp Mishra

Downvote爲??? –

重複的http://stackoverflow.com/questions/9446318/bootstrap-tooltips-not-working – ZimSystem

@Skelly它似乎並不重複。 Sankalp，上面的HTML是jQuery運行之後的輸出，還是HTML輸出到瀏覽器，就像你寫的那樣？ – seangates

Bootstrap tooltip用法：

<a rel="next" href="http://roadmap.private.net/?p=28" title="Tooltip on top">Fedrer</a> 

$(function(){ 
    $('span.arUp a').tooltip({ 
     placement: 'top' 
    }); 
});

並確保包括引導js文件。

來源

2013-05-20 17:50:53 karthikr

我已經包含bootstrap文件，但我沒有收到任何工具提示 –

檢查使用情況。現在是你如何調用提示 – karthikr

我已經包括bootstrapmin.js和jQuery（「span.arUp一個」）提示（{ 位置：「頂」，標題：「測試」 }）。。但是錯誤是tooltip不是函數 –

由於您使用的是data-*，因此您使用工具提示的auto模式，該模式會自動將其自身添加到找到的元素中。

既然你要添加的data-*與JS，而不是直接插入HTML，你需要：

添加.js文件的補充

或

呼叫$('span.arUp a').tooltip AFTER在你的代碼之後。

來源

2013-05-20 17:53:10 RaphaelDDL

這個答案是非常正確的，爲什麼downvote？ – moonwave99

我已經包含了bootstrapmin.js和jQuery（'span.arUp a'）。tooltip（{top0, title：'Test' }）; 。但錯誤是工具提示不是函數 –

@SankalpMishra'不是函數'意味着它不加載或不存在。打開你的bootstrapmin，並快速按Ctrl + F尋找「tooltip」。有時你沒有它就有了構建。不要忘記把你的代碼放在'$（document）.ready（function（）{/ * yourstuff * /}）;'' – RaphaelDDL

如果您需要tooltip功能與動態元素的工作，你可以試試這個：

$(document).ready(function() { 
    $("body").tooltip({ 
     selector: '[data-toggle="tooltip"]' 
    }); 
});

DEMO：http://jsfiddle.net/FHjVs/1/

然後，每當一個元素具有屬性data-toggle="tooltip"，一工具提示將被應用，而不必運行JavaScript/jQuery代碼。

參考：

How do I bind Twitter Bootstrap tooltips to dynamically created elements?

來源

2013-05-20 18:05:03 Ian

引導提示使用

回答

相關問題