javascript - 我如何将jquery ui与requirejs一起使用

我想在我的应用程序中使用jQuery UI的addClass函数。

另外，我使用的是普通的jQuery，下划线，主干，它们都与requirejs分层在一起。

我已经像这样配置了jQuery UI:

require.config({

    deps: ["main"],

    paths: {
        "text": "lib/text"
        , "jquery": "lib/jquery"
        , "jquery-ui": "lib/jquery-ui"
        , "underscore": "lib/underscore"
        , "backbone": "lib/backbone"
        , "bootstrap": "lib/bootstrap"
        , "templates": "../templates"
    },

    shim: {
        "jquery-ui": {
            exports: "$",
            deps: ['jquery']
        },
        "underscore": {
            exports: "_"
        },
        "backbone": {
            exports: "Backbone",
            deps: ["underscore", "jquery"]
        },
        "bootstrap": ['jquery']
    }

});

在应用程序中，我这样做:

define(['jquery', 'underscore', 'backbone'], function($, _, Backbone) {
    $('div').addClass('white');
});

不幸的是，这只是正常的addClass而不是来自jQuery UI的动画ojit_code。

PS:我使用完整的jQuery版本。

最佳答案

您需要包括jquery-ui:

define(['jquery-ui', 'backbone'], function() {
    $('div').addClass('white');
});

应该自动需要jquery，因为它是jquery-ui的依赖项

此外，这些脚本均未返回任何内容，但它们的变量已分配给window对象。无需分配它们。

关于javascript - 我如何将jquery ui与requirejs一起使用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12113172/