9

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

4

3 回答 3

17

是的，引导插件包括工具提示！我自己用它。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 文件中处理这个问题

于 2013-01-21T08:32:15.390 回答
3

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

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

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

于 2013-01-21T05:07:42.503 回答
2

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

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

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

于 2013-01-21T05:04:56.550 回答