Question

Actually, I have something like this :

$(document).ready(function()
{
...JQUERY CODE HERE...
}

But i would like, to only change the way i included my script library and use Require.JS.
This is what i have done so far :

    <script type="text/javascript">
        requirejs.config({
            paths: {
                jquery: 'js-jQuery/jquery.js',
                jqueryui: 'js-jQuery/jquery-ui.custom.min.js'
            },            
            shim: {
                'jqueryui': {
                deps: ['jquery'],
                exports: '$'
                }
            }
        });

        requirejs([
            'jquery',
            'jqueryui'
        ]);
</script>

I always get an error on my “$(document).ready”. Do I really need to change my “Current” way of using “document.ready” to use a plugin like “domReady”?

Answer 1

No, you just need to ensure jQuery has been included before you use it.

require(["jquery","jqueryui"],function($){
    $(document).ready(...

});