如何在Aurelia上使用JQuery-UI

我使用Aurelia CLI創建了一個新的Aurelia應用程序。如何在Aurelia上使用JQuery-UI

我安裝使用在奧裏利亞文檔的說明JQuery的，並且被配置aurelia.json：

http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/the-aurelia-cli/6

我然後NPM安裝jQuery的UI。

我現在需要知道如何audelia.json配置承認jQuery的UI。

在奧裏利亞文檔這個例子是關於如何引用一個模塊式給出：

"dependencies": [ 
    { 
    "name": "library-name", 
    "path": "../node_modules/library-name/dist/library-name" 
    } 
]

的問題是，不像當你直接下載的jQuery UI的，在jQuery的UI模塊不具有實際的Jquery -ui.js文件（如果它沒有找到它）。

謝謝

來源

2016-11-28 William

這個模塊的語法是單個文件模塊，但jQuery UI的有多個文件。除了'name'和'path'之外，您可能需要使用'main'來定義主模塊文件。在您發佈的Aurelia doc示例中滾動一下，您將在「CommonJS Package」和「Legacy Library」下找到使用'main'的示例。 –

我知道，但它仍然沒有回答完全如何去做的問題。 – William

我今天也試圖安裝它，但無法使其正常工作。我會對解決方案感興趣。 – LStarky

的jquery-ui包不包括jQuery的用戶界面的「內置」的版本，據我可以告訴。我終於通過使用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文件：

import * as $ from 'jquery'; 
import 'jquery-ui-dist';

來源

2017-01-18 03:48:57

我使用奧裏利亞1.0.X，敬請諒解：

<require from="jquery-ui-dist/jquery-ui.css"></require>

要在TS文件中使用我需要這兩個導入來使用任何jQuery-UI小部件，在這種情況下可拖動。它也適用於導入滑塊或可調整大小。

import $ from 'jquery'; 
import {draggable} from 'jquery-ui';

在我的package.json，我JSPM依賴關係如下：

"jquery": "npm:[email protected]^3.2.1", 
"jquery-ui": "github:components/[email protected]^1.12.1"

來源

2017-09-25 20:43:43

如何在Aurelia上使用JQuery-UI

回答

相關問題