如何使用JQuery
我使用Aurelia CLI创建了一个新的Aurelia应用程序。
我使用Aurelia文档中的说明安装了JQuery并配置了aurelia.json：
http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/the-aurelia-cli/6
然后我npm安装了Jquery-ui。
我现在需要知道如何配置audelia.json来识别jquery-ui。
在Aurelia文档中，给出了关于如何引用模块的例子：
"dependencies": [
{
"name": "library-name",
"path": "../node_modules/library-name/dist/library-name"
}
]
问题是，与直接下载jquery-ui不同，JQuery-ui模块没有实际的Jquery-ui.js文件（如果它没有找到它）。
谢谢
据我所知， jquery-ui软件包不包含jquery-ui的“内置”版本。 我终于通过使用jquery-ui-dist包得到了这个工作，其中包括默认的jquery-ui.js和jquery-ui.css文件。
npm install jquery-ui-dist --save
现在将它添加到供应商捆绑的依赖关系中的aurelia.json：
"dependencies": [
"aurelia-binding",
...
"jquery",
{
"name": "jquery-ui-dist",
"path": "../node_modules/jquery-ui-dist",
"main": "jquery-ui",
"deps": ["jquery"],
"resources": [
"jquery-ui.css"
]
},
]
注意我们首先加载jquery。 “main”属性告诉它它应该从该目录加载jquery-ui.js。 “deps”属性告诉它它依赖于jquery。 最后，“resources”属性包含默认的jquery-ui.css。
现在在app.html中，请确保需要css文件：
<require from="jquery-ui-dist/jquery-ui.css"></require>
要在ts文件中使用：
import * as $ from 'jquery';
import 'jquery-ui-dist';
我正在使用Aurelia 1.0.X，更新后我需要这两个导入来使用任何jQuery-UI小部件，在这种情况下可拖动。 它也适用于导入滑块或可调整大小。
import $ from 'jquery';
import {draggable} from 'jquery-ui';
在我的package.json中，我的jspm依赖关系如下所示：
"jquery": "npm:jquery@^3.2.1",
"jquery-ui": "github:components/jqueryui@^1.12.1"
上一篇: How to use JQuery