Question

我在Kendo移动应用程序中收到以下错误。

未捕获错误：您的kendo移动应用程序元素不包含任何具有data-role =“view”属性集的直接子元素。使确保使用正确的实例化移动应用程序容器

<body>
<div data-role="view" ></div>

<div data-role="header" data-position="fixed" style="text-align: center; background-color: #86B404; opacity: .9;">
    <div style="width: 33%; float: left;">
        <h3>FeedBack?</h3>
    </div>
    <div style="width: 33%; float: left;">
        <h3 style="color: white; font-weight: bold;">DashBoard</h3>
    </div>
    <div style="width: 33%; float: right;">
        <h3>LogOut</h3>
    </div>
</div>


<div id="showHow">


        <div class="action-buttons">
            <a data-role="button" href="#howtoPopUp"  data-rel="popup" >Show me How</a>
        </div>
</div>

  $(document).ready(function () {
var app = new kendo.mobile.Application(document.body);
        });

Answer 1

我还没有对此进行测试，但我认为您需要将内容放入数据角色=＆＃34;查看＆＃34;。

<body>
<div data-role="view" >
    <div data-role="header" data-position="fixed" style="text-align: center; background-color: #86B404; opacity: .9;">
        <div style="width: 33%; float: left;">
            <h3>FeedBack?</h3>
        </div>
        <div style="width: 33%; float: left;">
            <h3 style="color: white; font-weight: bold;">DashBoard</h3>
        </div>
        <div style="width: 33%; float: right;">
            <h3>LogOut</h3>
        </div>
    </div>

    <div id="showHow">
        <div class="action-buttons">
            <a data-role="button" href="#howtoPopUp"  data-rel="popup" >Show me How</a>
        </div>
    </div>
</div>
</body>

kendo移动应用程序中的data-role =“view”属性？

1 个答案: