带有 Ember CLI 的 jQuery UI答案

【问题标题】：jQuery UI with Ember CLI带有 Ember CLI 的 jQuery UI
【发布时间】：2014-11-19 18:41:51
【问题描述】：

所以我几乎遇到了这里列出的确切问题：Using jquery in Ember-cli

但是我已经按照上面帖子中的建议做了以下事情：

添加：

app.import('bower_components/jquery-ui/jquery-ui.js');
app.import('bower_components/jquery-ui/ui/tooltip.js');

改变了

Ember.$(selector).tooltip();

到

this.$(selector).tooltip();

尽管安装了 UI 并执行了上述操作，Ember 仍无法识别工具提示功能已定义。

错误：

Uncaught TypeError: undefined is not a function

有什么帮助吗？

【问题讨论】：

【解决方案1】：

一些事情。首先，jquery-ui.js 是整个 jQuery UI 库。所以，你已经在里面找到了tooltip。删除第二行。

如果您仅需要工具提示，则需要分别导入 core、widget 和 position (reference)，然后导入 tooltip。

最后，您可能想要包含一个主题。默认的住在这里：

app.import('bower_components/jquery-ui/themes/smoothness/jquery-ui.min.css');

这样，将this.$().tooltip() 粘贴到您视图的didInsertElement 回调中，您就可以开始了。

【讨论】：

仍然说它是未定义的。我不知所措......不过，我很感激你愿意帮助我。
您刚刚尝试this.$().tooltip() 吗？即不要为选择器输入字符串
好收获！我只是改变了它，但它仍然说它是未定义的。我可以在 vendor.js 文件中看到导入，但在使用浏览器检查器时，我在全局命名空间中找不到任何定义（即工具提示）。这对我来说毫无意义
我可以在这里看到它在 UI js 文件中定义：var tooltip = $.widget( "ui.tooltip", { version: "1.11.2", options: { 我只是不明白为什么它找不到它......
你重启了ember服务器了吗？

【解决方案2】：

问题是我导入了导致错误的 Ember 数据（显然它是默认导入的，或者选项说明不正确）。一旦我删除它，用户界面现在可以正常工作。

感谢山姆的所有帮助！

【讨论】：