可拖动属性aurelia

Question

我正在尝试使用aurelia和jquery-ui创建一个可拖动的自定义属性，但是我总是遇到以下错误：

  

未处理拒绝TypeError：$（...）。draggable不是函数

我使用aurelia-cli安装了jquery和jquery-ui（au install jquery和au install 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。谁能告诉我如何正确使用jure-ui和aurelia？

Answer 1

我设法使用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();
    }
}