显示初始化视图文本的 Worklight 应用程序

Question

我尝试了很多次，但没有用。我创建了一个带有主视图的工作灯应用程序和一个带有可打开其他视图的项目的列表（包含在同一个 HTML 文件中）。

当我在移动设备 (Samsung Galaxy S4) 或浏览器上测试应用程序时，它会在小部件正确呈现之前显示 html 文件的完整内容。

    <div data-dojo-type="dojox.mobile.RoundRectList"  class="indexListStyle" >
    <div data-dojo-type="dojox.mobile.ListItem" data-dojo-props="icon:'images/about.png',moveTo:'aboutView',variableHeight:true,transition:'fade'" class="indexListStyle">About </div>
    <div data-dojo-type="dojox.mobile.ListItem" data-dojo-props="icon:'images/register.png',moveTo:'agendaView',variableHeight:true,transition:'slide'" class="indexListStyle">Agenda</div>
    <div data-dojo-type="dojox.mobile.ListItem" data-dojo-props="icon:'images/register.png',moveTo:'registrationView',variableHeight:true,transition:'cover'" class="indexListStyle">Register</div>
    <div data-dojo-type="dojox.mobile.ListItem" data-dojo-props="icon:'images/register.png',moveTo:'profileView',variableHeight:true,transition:'dissolve'" class="indexListStyle">GBM Profile</div>
</div>
</div>

<div id="aboutView" data-dojo-type="dojox.mobile.View">

</div>
    <div id="agendaView" data-dojo-type="dojox.mobile.View">

</div>
<div id="registrationView" data-dojo-type="dojox.mobile.View">

</div>
<div id="profileView" data-dojo-type="dojox.mobile.View">

</div>

我像这样在函数 wlCommonInit() 中从外部 HTML 文件加载视图 div 的内容

$("#aboutView").load("about.html");

有人可以帮忙吗？

Answer 1

将 style="visibility:hidden" 添加到 HTML 正文标记。

解析器运行后，dojox/mobile 框架应将其设置为可见。