Question

在我的kendo移动应用程序中，如果我有这样的自定义根容器：

<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作为根元素，一切正常。知道为什么自定义根容器不起作用吗？

自定义根容器无法正确加载

0 个答案: