JQuery document.ready() не работает с Require.js

Question

Я зову Require.js справа перед закрывающим тегом тела:

<script data-main="assets/scripts/src/main.js" src="assets/scripts/lib/requirejs/require.js"></script> 
</body> 

Вот что мой main.js содержит:

requirejs.config({ 
    urlArgs: "bust=" + (new Date()).getTime(), // override browser cache 
}); 

require(['views/appView'], function (App) { 
    App.initialize(); // this is just to test the module is actually loading 
}); 

И appView.js содержит:

define([ 
    'modernizr', 
    'jquery', 
    'underscore', 
    'backbone', 
    'common', // this module has about 4 other dependencies too 
    'dust', 
    'routers/main', 
    'views/main' 
], function (Modernizr, $, _, Backbone, Common, dust, router, mainView) { 
    // This is supposed to load, even if jQuery loads after the DOM ready event 
    $(document).on('ready', function() { 
     console.log("I don't want to play nice"); 
    }); 

    return { 
     initialize: function() { 
      console.log("Init"); 
     } 
    } 
}); 

К сожалению, это: console.log("I don't want to play nice"); не бывает на всех.

Вот как выглядит моя временная шкала сети в Chrome Dev Tools. Как вы можете видеть, событие готовности DOM запускается до загрузки jQuery - но AFAIK, jQuery знает, как с этим справиться! Так что я потерян.

Answer 1

Должно быть,

$(document).ready(function() { 
    console.log("I don't want to play nice"); 
}); 

$(document).on("ready", handler), нежелателен из JQuery 1.8 http://api.jquery.com/ready/

Answer 2

Учитывая, что RequireJS используется для загрузки только модули, необходимые для конкретной страницы, разработчики могут не захотеть загружать всю библиотеку jQuery на некоторые страницы только для своего обратного вызова $(document).ready(function(){}). В качестве альтернативы, используйте RequireJS»domReady в appView.js:

define([ 
    'domReady', 
    'modernizr', 
    'etc' 
], function (domReady, Modernizr, etc) { 
    domReady(function() { 
     console.log("I'll play nice"); 
    }); 
}); 

или добавьте ! на domReady определить, чтобы избежать вложенных обратных вызовов:

define([ 
    'domReady!', 
    'modernizr', 
    'etc' 
], function (domReady, Modernizr, etc) { 
    console.log("I'll also play nice"); 
});