流星中的bootstrap包是否包含bootstrap工具提示？

Question

我在控制台中meteor add bootstrap，是否添加了bootstrap工具提示javascript？如果不是我如何添加它？

Answer 1

是的，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>标记放在模板中，就像各种教程中建议的那样，因为meteor在javascript文件中处理这个标记

Answer 2

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

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

注意，您可能希望浏览atmosphere存储库以获取更新的引导选项，包括bootboxjs和bootstrap-updated项目。

Answer 3

您可以在Github上的Meteor存储库中查看包中的哪个特定版本的Bootstrap：

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

它似乎包括Bootstrap工具提示。