0

在我的剑道移动应用程序中，如果我有一个像这样的自定义根容器：

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

4

0 回答 0