jquery-mobile - jQuery Mobile: RequireJS と初期ページの読み込み

Question

だから私は特に RequireJS と jQuery Mobile を使おうとしています。どのページを最初にロードするかについて後でロジックを追加する必要があるため、最初のページを index.html に直接配置するのではなく、アプリケーション内からロードしたいと考えています。

エラーは発生せず、jquerymobile は読み込まれますが、ページは DOM に読み込まれません。どんな考えや指針も大歓迎です！

main.js

require.config({
        baseUrl: 'js/app',

        paths: {
            jquery: '../vendor/jquery-1.9.1.min',
            jquerymobile: '../vendor/jquery.mobile-1.3.1.min'
        },

        shim: {
            jquerymobile: {
                deps: ['jquery']
            }
        }

    });

    require(['jquerymobile'], function() {

        $(document).ready(function(){
            $.mobile.pageContainer = $('#container');
            $.mobile.loadPage('view/home.html', { transition: 'slideup' });
        });

    });

ビュー/home.html

<div data-role="page" id="home">
    <div data-role="header">Home</div>
    <div data-role="content">Content</div>
    <div data-role="footer">Footer</div>
</div>