如何在typescript文件中正确导入jquery-ui

时间:2015-06-22 18:38:56

标签: javascript jquery-ui typescript

我已经包含了像这样的jquery

import $ = require('jquery');

我试图像这样做一些div draggable。

constructor() {
    $("#mydiv-id").draggable();
}

但是我得到的错误是draggable不是一个函数。我有jqueryui.d.ts但如何正确导入它?

require.config就像

var require = {
paths: {
    text: '../Scripts/libs/text',
    jquery: '../Scripts/libs/jquery-1.11.2',
    'jqueryui': '../Scripts/libs/jquery-ui',
    jscroll: '../Scripts/libs/jquery.jscroll', // and others

并且我没有看到在垫片中提到jquerUI:部分

1 个答案:

答案 0 :(得分:0)

您需要从项目中引用它。建议使用tsconfig来构建编译上下文 https://github.com/TypeStrong/atom-typescript/blob/master/docs/tsconfig.md

实施例

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "declaration": false,
        "noImplicitAny": false,
        "removeComments": true,
        "noLib": false
    },
    "filesGlob": [
        "./**/*.ts",
        "!./node_modules/**/*.ts"
    ],
    "files": [
        "./globals.ts",
        "./linter.ts",
        "./main/atom/atomUtils.ts",
        "./main/atom/autoCompleteProvider.ts",
        "./worker/messages.ts",
        "./worker/parent.ts",
        "./typings/jquery/jquery.d.ts",
    ]
}