require.jsのプラグインdomReadyでDOM読込後に実行する方法

　DOMContentLoadedイベントのrequire.js版。

成果物

• demo
• code

コード抜粋

app.js

require(['require.domReady'], function(domReady) {
    domReady(function () {
        requirejs(['js/app/main.js']);
    });
});

　domReady(function(){...})でDOM読込後の処理を実装できる。起動時にベタ書きされたHTMLのDOM要素を読み込みたいときなどに使う。

　DOM読込後のJS実行イベントについては以下を参照。

• $(function(){}) と $(window).on('load',function(){}) の違い