Meteor 智能包 jquery UI 和引导工具提示正在干扰答案

【问题标题】：Meteor smart package jquery UI and bootstrap tooltips are interferingMeteor 智能包 jquery UI 和引导工具提示正在干扰
【发布时间】：2014-10-14 13:39:49
【问题描述】：

我在 Meteor 项目中同时安装了 jquery UI 和 bootstrap 作为智能包。

Jquery UI 和引导工具提示相互干扰。搜索谷歌我找到了一个修复：

jQueryUI Tooltips are competing with Twitter Bootstrap

在 jquery UI 加载之后和 bootstrap 加载之前运行一些代码。

但是，如何使用 Meteor 来做到这一点？

【问题讨论】：

标签： jquery-ui twitter-bootstrap meteor

【解决方案1】：

此解决方案/hack 的想法是您将依赖项添加到包中。所以它们会按正确的顺序加载：

jqueryui -> jQueryUIBootstrapFix -> myBootstrap

这里是如何做到这一点的说明：

创建本地包 jQueryUIBootstrapFix 和 myBootstrap。您可以使用em 并在控制台中输入：

em g:package jQueryUIBootstrapFix
em g:package myBootstrap

打开 packages/jQueryUIBootstrapFix 并确保 packages.js 看起来像这样：

Package.describe({
  name: 'jQueryUIBootstrapFix',
});

Package.on_use(function (api) {
  api.use('jqueryui', 'client');
  api.add_files('jQueryUIBootstrapFix.js', ['client']);
});

然后打开packages/myBootstrap 并从packages/boostrap-3 复制所有文件（覆盖）。从此目录中删除 smart.json。打开packages/myBootstrap/package.json并更改

Package.describe({
  summary: "Provides bootstrap 3."
});

到

Package.describe({
  name:'jQueryUIBootstrapFix',
  summary: "Provides bootstrap 3."
});

在同一个文件中添加一行：

Package.on_use(function (api) {
  api.use('jquery');
  api.use('myBootstrap');
  ...
})

最后添加到文件末尾.meteor/release你的本地包：

jQueryUIBootstrapFix
myBootstrap

【讨论】：