I want to use jQuery UI's addClass function in my application.

Beside I am using the normal jQuery, underscore, backbone all tiered together with requirejs.

I have configured jQuery UI like this:

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']

    }



});

In the application I do:

define(['jquery', 'underscore', 'backbone'], function($, _, Backbone) {

    $('div').addClass('white');

});

Unfortunately this only does the normal addClass not the animated one from jQuery UI.

PS: I use the full jQuery edition.