可拖動屬性奧裏利亞

我試圖創建一個使用Aurelia大街和jQuery UI的，但是我總是得到以下錯誤拖動自定義屬性：可拖動屬性奧裏利亞

Unhandled rejection TypeError: $(...).draggable is not a function

我的jQuery和jQuery UI的使用奧裏利亞-CLI安裝（AU安裝jquery和au安裝jquery-ui）。

這裏是我的嘗試：

import { inject } from 'aurelia-framework'; 

import 'jquery'; 
import 'jquery-ui'; 

@inject(Element) 
export class UiDraggableCustomAttribute { 

    constructor(element) { 
     this.element = element; 
    } 

    attached() { 
     $(this.element).draggable(); 
    } 
}

好像jQuery的UI不正確導入。任何人都可以告訴我如何正確使用jquery-ui與aurelia？

來源

2017-04-19 slepasteur

我們可以看到你已經導入'jquery-ui'，但是從它沒有工作的錯誤。檢查相關JS文件的路徑是否正確，並且它們已成功加載。 –

@RoryMcCrossan我檢查了jquery-ui存在於packages.json，aurelia.json和node-modules目錄中。但我不知道如何檢查他們已被加載？ – slepasteur

如果您使用的是Chrome，請在開發者控制檯的Sources面板中檢查它 –

我設法讓這個工作使用jquery-ui版本1.10.5，我無法弄清楚如何使用jquery-ui npm包的更新版本。

import { inject } from 'aurelia-framework'; 

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

@inject(Element) 
export class DraggableCustomAttribute { 

    constructor(element) { 
     this.element = element; 
    } 

    attached() { 
     $(this.element).draggable(); 
    } 
}

來源

2017-04-27 08:57:01 slepasteur

可拖動屬性奧裏利亞

回答

相關問題