telerik - カスタム ルート コンテナが正しく読み込まれない

Question

私の剣道モバイル アプリケーションで、次のようなカスタム ルート コンテナーがあるとします。

<div id="appcontainer">
    <div data-layout="StandardLayout" data-role="view" data-title="My Group List" id="MainView">
        This is the first contents.
    </div>

    <div data-layout="StandardLayout" data-role="view" data-title="View Group" id="SelectedView">
        This is the second contents.
    </div>

    <div data-role="layout" id="StandardLayout">
        <header data-role="header">
            <div data-role="navbar">
                <a data-role="backbutton" data-align="left" href="nav-button">Back</a>              
                <span data-role="view-title"></span>
            </div>
        </header>

        <footer data-role="footer"> 
        </footer>
    </div>

</div>

<script type="text/javascript">
    window["appframework"] = new kendo.mobile.Application($("#appcontainer").get(0));
</script>

Kendo モバイル フレームワークがビューを正しく初期化せず、次のエラーが発生します。

エラー: kendo モバイル アプリケーション要素には、data-role="view" 属性が設定された直接の子要素が含まれていません。正しいコンテナーを使用してモバイル アプリケーションをインスタンス化するようにしてください。

しかし、appcontainer 要素を削除しdocument.bodyてルート要素として使用すると、すべて正常に動作します。カスタム ルート コンテナが機能しない理由がわかりませんか?