How do I use jquery ui with requirejs
javascript, jquery-ui, requirejs
Solution
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.
Problem
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.