jQuery document.ready()不能与Require.js一起使用

Question

我在关闭body标签之前调用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开发工具中的外观.正如您所看到的,DOM ready事件在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/