0

我经常像这样引导我编写的小部件:

$(window).load(function () {
  doStuff();
});

当我编写依赖于要初始化的应用程序的其余部分的小部件时,经常会出现这种情况。

我最近开始使用 RequireJS,但无法弄清楚如何像上面的代码那样附加回调。我查看并尝试了 domReady 插件,但是它不适合我的用例,因为回调是在 DOM 准备就绪时调用的,而不是在加载所有资源时调用的。

这是我到目前为止所尝试的:

// Using domReady (main.js):
require(['require', 'domReady'], function (require, domReady) {
    'use strict';

    domReady(function () {
        require(['app'], function (App) {
            console.log(window);
            App.initialize();
        });
    });
});

// Using jQuery (main.js)
// Note, this does not work.
require(['jquery', 'app'], function ($, App) {
    'use strict';

    $(window).load(function () {
        App.initialize();
    });
});

鉴于上述情况,使用$(window).load()RequireJS 实现的正确方法是什么?

4

1 回答 1

0

如果我理解你是正确的,你可以检查$.holdReady()方法来获得结果;所以在加载 jquery 之后运行

jQuery.holdReady(true);

稍后附加您的处理程序,该处理程序应仅在加载后运行

jQuery(function($) {
    App.initialize();  //will run only after window.load;
}

并在您的负载处理程序设置中:

jQuery(window).load(function () {
    jQuery.holdReady(false);  //fire all domready holded events
});
于 2013-09-23T23:36:49.940 回答