流星中的引导程序包是否包含引导工具提示？答案

【问题标题】：Does the bootstrap package in meteor include the bootstrap tooltip?流星中的引导程序包是否包含引导工具提示？
【发布时间】：2013-01-04 03:57:46
【问题描述】：

我在控制台中执行meteor add bootstrap，这是否添加了引导工具提示javascript？如果没有怎么添加？

【问题讨论】：

标签： twitter-bootstrap meteor

【解决方案1】：

您可以在 Github 上的 Meteor 存储库中查看包中的 Bootstrap 的具体版本：

https://github.com/meteor/meteor/tree/master/packages/bootstrap/js

它似乎包含引导工具提示。

【讨论】：

【解决方案2】：

是的。 entire core bootstrap library 包含在您 meteor add bootstrap 时。调试或部署时，所有必需的 js 和 css 文件都将与您的项目捆绑在一起。添加后，您可以简单地开始使用 api：

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

请注意，您可能需要探索 atmosphere 存储库以获取更新的引导选项，包括 bootboxjs 和 bootstrap-updated 项目。

【讨论】：

【解决方案3】：

是的，引导插件包含工具提示！我自己用它。 bootstrap 的工具提示需要注意的一点是，由于性能问题，它不能像许多其他功能一样单独在 HTML 上运行。每个工具提示都必须手动初始化，您可以在要工具提示的元素上使用 .tooltip() 和 jquery

例如在您的 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 文件中处理此问题

【讨论】：