How do I use jquery ui with requirejs

Question

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.

Answer 1

You need to include jquery-ui:

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

jquery should be required automatically as it is a dependency of jquery-ui

Additionally, none of these scripts return anything, but their variables are assigned to the window object. No need to assign them.