如何在流星中使用 jQuery UI?

Posted

技术标签:

【中文标题】如何在流星中使用 jQuery UI?【英文标题】:How do I use jQuery UI in meteor? 【发布时间】:2012-12-12 03:15:57 【问题描述】:

在 Meteor 应用程序中安装 jQuery UI 的正确方法是什么?由于它还不是一个包,我将下载的 jquery-ui.min.js 和 jquery-1.8.3.js 添加到我的流星项目的lib 文件夹中。这导致了以下致命错误:

Your app is crashing. Here's the latest log.
app/lib/jquery-1.8.3.js:9472
)( window );

ReferenceError: window is not defined
at app/lib/jquery-1.8.3.js:9472:5

(.........)

Exited with code: 1
Your application is crashing. Waiting for file change.

【问题讨论】:

这个 SO 问题可能会解决您的问题***.com/questions/13438127/…。或者这个***.com/questions/11009971/… 第二个问题有帮助。我将文件移动到 /public 而不是 /lib 并且没有收到致命错误我还没有尝试实际使用该库,但是这个问题的范围只是安装了 jQuery UI。谢谢! 【参考方案1】:

我其实已经添加了一个jquery-ui meteorite package,你可以安装

mrt add jquery-ui

注意此软件包是 1.8.16 版,是 jquery-ui-bootstrap package 的依赖项,如果安装,将自动包含 jquery-uibootstrap-updated 智能软件包。 (所有这些都使 bootstrap 和 jquery-ui 可以很好地结合在一起)。

要安装所有内容,您可以使用: mrt add jquery-ui-bootstrap

【讨论】:

不是mrt add ... 而不是mrt install 吗?我确定add 有效,install 不适合我 你说对了。我一直把它混在一起。更新了答案:) @TimDog,同样在您的第二个示例中,它是“添加”而不是“安装”;) 我刚刚完成了这个,它安装正常,但是当我在我的机器上运行应用程序时(使用meteor)我得到了错误:你的应用程序正在崩溃。这是最新的日志。 =>错误阻止启动:构建应用程序时:错误:没有这样的包:'jquery-ui-bootstrap'我错过了一步吗? 我发现了我的问题 - 我安装了 meteorite itself 没有 sudo-H 标志。只需输入:sudo -H npm install -g meteorite 即可解决。【参考方案2】:

您需要将 jquery UI 放在 client 目录中,否则 Meteor 会在客户端和服务器上加载它并导致您的应用崩溃。

【讨论】:

【参考方案3】:

我为 Meteor 创建了一个替代 jquery-ui 包,其中还包含图像:

https://github.com/mizzao/meteor-jqueryui

使用mrt add jqueryui(注意没有破折号)安装它。我知道,由于事情没有得到维护,这个 Meteor 包的扩散很糟糕。但是当 Meteor 发布其官方打包系统时,一切应该会很快好转。

【讨论】:

我用你的,不后悔。感谢分享。【参考方案4】:

这个问题越来越胡须了......这是新的正确方法:

流星添加 mizzao:jquery-ui

【讨论】:

确实是胡须...我得到 错误:***依赖项所需的可能不兼容的更改:jquery 1.11.11,是 3.0.0。【参考方案5】:

我在这里发了一篇关于如何正确执行此操作的帖子

https://dontbeanocoiner.com/blog/dkuhKsg7fac67nnfP

您必须安装包 jquery-ui-dist 并导入为:

import 'jquery-ui-dist/jquery-ui'
import 'jquery-ui-dist/jquery-ui.css'

然后将 images 文件夹复制到您的 /public 文件夹。

【讨论】:

以上是关于如何在流星中使用 jQuery UI?的主要内容,如果未能解决你的问题,请参考以下文章

在流星收集加载时显示加载器

如何在我的流星应用程序数据库中使用 mongoimport?

如何使用流星JS在summernote中收取数据?

如何在流星的车把助手中使用多个参数?

在 jquery 中发布数据时如何使用 jquery UI 使 post.php 弹出消息

如何在不同 jquery ui 选项卡中的 gridviews 中使用 jquery Datatable 插件?