JavaScript到活動Twitter引導工具提示

我正在玩Twitter Bootstrap的Tooltips，但自從他們離開Twipsy後出現問題。正確的JavaScript包含在頁面中。JavaScript到活動Twitter引導工具提示

比方說，我有以下幾點：

<p><a href="#" rel="tooltip" data-original-title="hello">hover on me</a></p>

什麼是確切的JavaScript我需要使用，使工具提示出現？

在此先感謝！

凡妮莎

來源

2012-02-20 Vanessa L' olzorz

對於示例它將是：

$('a').tooltip();

但根據該文件，你應該使用title屬性，而不是data-original-title。該屬性由Bootstrap的工具提示代碼添加。也不需要rel="tooltip"。

你的代碼應該是：

HTML：

<a href="#" title="hello">hover on me</a>

JS：

$("a").tooltip(); // this will trigger a tooltip on all <a> elements

來源

2012-02-20 01:01:27 Strelok

你需要明確運行.tooltip()對於必須有提示的所有元素。例如，這將工作：

<span rel="tooltip" title="tooltip text">some text</span> 
... 
<script src="/js/jquery.js"></script> 
<script src="/js/bootstrap.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $("[rel=tooltip]").tooltip(); 
    }); 
</script>

來源

2012-02-21 15:52:04

我寧願用此溶液去，因爲它不會影響所有其他環節。我只是不確定偏移量是否是工具提示的有效選項，它在文檔中沒有提及，似乎也沒有效果。 – teebot 2012-02-24 15:11:32

你是對的，我更正了代碼。 – 2012-02-24 20:28:07

如果我想通過使用jquery.on（）來運行JavaScript的任何延遲加載操作，我該如何實現？ – Dean 2012-07-19 03:20:33

在引導，我們需要手動初始化工具提示

它在其文檔中提到也。

來源

2013-12-20 11:51:11

正是你需要到

<script src="bootstrap-tooltip.js "></script> 
    <script> 
    $(function(){ 
$('a').tooltip(); 
});

來源

2014-03-28 23:10:51 user3133567

JavaScript到活動Twitter引導工具提示

回答

相關問題