2013-01-21 55 views

回答

17

是的引導程序插件包括工具提示!我自己使用它。使用bootstrap的工具提示需要注意的一點是,由於性能問題,它不能像許多其他功能一樣單獨運行HTML。每個工具提示必須手動初始化,您可以使用.tooltip()與元素的jQuery要工具提示IFY

例如,在您的模板在HTML文件中

<template name="myTemplate"> 
    <a href="#" rel="tooltip" title="first tooltip">hover over me</a><br/> 
    <a href="#" rel="tooltip" title="second tooltip">hover over me</a><br/> 
    <a href="#" rel="tooltip" title="third tooltip">hover over me</a><br/> 
</template> 

而作爲使用以下javascript文件初始化工具提示

Template.myTemplate.rendered = function() { 
    $('a[rel=tooltip]').tooltip() //initialize all tooltips in this template 
}; 

不要把<script>標籤模板正如在各種教程被建議爲流星的JavaScript文件處理這

+0

謝謝你!這是一個很好的提示 –

3

是的。當您使用meteor add bootstrap時,包含entire core bootstrap library。調試或部署時,所有必需的js和css文件將與您的項目捆綁在一起。添加完畢後,你可以簡單地開始使用API​​:

Template.myTemplate.rendered = function() { 
    $('#element').tooltip('show') 
}; 

注意,你可能會想探索atmosphere庫更新的引導選項,包括bootboxjsbootstrap-updated項目。