0

当我启动我的应用程序时，dojo 开始加载但尚未完全解析，因此屏幕看起来很丑！！！

有没有办法隐藏这个丑陋的屏幕，直到它完全加载解析？

谢谢多米尼克

编辑添加片段 我听说 WL Studio 会自动隐藏正文，因此无需创建覆盖。

这是我的html

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="stylesheet" href="css/Test.css">
<script>
    window.$ = window.jQuery = WLJQ;
</script>
<script type="text/javascript"
    data-dojo-config="isDebug: false, async: true, parseOnLoad: true, mblHideAddressBar: false"
    src="dojo/dojo.js"></script>
</head>
<body id="content" style="display: none;">
    <div id="main" data-dojo-type="dojox.mobile.View"
        data-dojo-props='selected:true'>
        <div data-dojo-type="dojox.mobile.Heading"
            data-dojo-props='fixed:"top"'>Main Screen</div>
        <button id="refreshBte" data-dojo-type="dojox.mobile.Button"
            style="width: 100%">Refresh</button>
        <button id="settingsBte" data-dojo-type="dojox.mobile.Button"
            style="width: 100%">Setting</button>
    </div>
    <!--application UI goes here-->
    <script src="js/initOptions.js"></script>
    <script src="js/Test.js"></script>
    <script src="js/messages.js"></script>
</body>
</html>

和我的 js

function wlCommonInit(){
    require([ "dojo/core-web-layer", "dojo/mobile-ui-layer",
            "dojo/mobile-compat-layer" ], dojoInit);

}

function dojoInit() {
    require([ "dojo", "dojo/parser", "dojox/mobile", "dojox/mobile/compat",
            "dojox/mobile/deviceTheme", "dojox/mobile/Heading", "dojox/mobile/Button" ],
            function(dojo) {
                dojo.ready(function() {
                });
            });
}

我也尝试在其中添加 hidden="hidden" 但它没有改变任何东西。

任何想法？

4

2 回答 2

1

就在这里，

你需要建立一个加载覆盖。看看这个教程：

http://dojotoolkit.org/documentation/tutorials/1.6/recipes/loading_overlay/

于 2013-03-18T07:55:19.817 回答
1

我通常这样做是：

<div id="main" style="visibility: hidden;"></div>

解析完成后：再次将主可见性设置为可见。

可能无法完全解决问题（取决于浏览器解析布局的速度），但在它被转换为小部件之前，您不会显示纯 html。

进一步参考：dojo/Ready = 检测页面何时被解析。

于 2013-08-26T19:31:46.320 回答