Using jQuery plugins

Question

I am trying to use some of the jQuery plugins in my project (I am using RequireJS). However I don't understand how to do it. I have tried to follow this: http://requirejs.org/docs/api.html#config-shim After what I understand it sets up a dependency of whats inside the array. I thought I could do this in a module:

define(['ui'], function($) {

}

However it does not work. What am I missing? This is from my require.config:

shim: {
        'ui': {
            'deps': ['jquery']
        },
        'tools': {
            'deps': ['jquery', 'ui']
        }
}

and paths;

'paths': {
    'jquery': 'lib/jquery/jquery',
    'ui': 'jquery/jquery-ui.min',
    'tools': 'jquery/jquery.tools.min',            
},

Ah, it seems to be working, you must just specify the dependency and use the $ as normal. — user626912
– user626912, Commented Nov 23, 2012 at 10:16

deven98602 · Accepted Answer · 2012-11-23 10:20:25Z

1

requirejs.config({
'paths': {
    'jquery': 'lib/jquery/jquery',
    'ui': 'jquery/jquery-ui.min',
    'tools': 'jquery/jquery.tools.min',            
},
    shim:{
        'ui': {
            'deps': ['jquery'],
            // exports :'ui'   As they are jquery plugins they will not require exports
        },
        'tools': {
            'deps': ['jquery', 'ui'],
             //exports : 'tools'
        }
} 
});

define(['jquery'], function($) {

}

answered Nov 23, 2012 at 10:20

deven98602

1,1109 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

user626912 Over a year ago

Could you explain exports, and init in shim?

deven98602 Over a year ago

exports are used to make the module name available to other modules that are dependent on it .It used for non-amd modules. init function are called before module name is exported .used generally to do cleanup,like calling noConflicft() to avoid overriding a module name already present

user626912 Over a year ago

Where do I use these module names? Is it the same as the module ID in definitions

user626912 Over a year ago

so if I add export to ui with exports: 'test' then I would require 'test'? But why do I specify ui in the dependency list, or would this also change then?

deven98602 Over a year ago

Inside shim for tools in dependecy list it will be still 'ui' because there you'r just asking it to be loaded before tools library is loaded.

Collectives™ on Stack Overflow

Using jQuery plugins

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related