隱藏醜陋的啓動屏幕（dojox尚未完全解析）

當我開始我的應用程序時，dojo開始加載，但尚未完全解析，因此屏幕看起來很醜！隱藏醜陋的啓動屏幕（dojox尚未完全解析）

有沒有辦法隱藏這個醜陋的屏幕，直到它完全加載解析？

感謝多米尼克

編輯ADD代碼片段 聽說WL工作室會自動隱藏機體，因此沒有必要建立一個覆蓋。

這裏我的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() { 
       }); 
      }); 
}

我也嘗試添加隱藏= 「隱藏」的，但它不會改變任何東西。

有什麼想法？

來源

2013-03-17 ITDoVe

是的，

你需要建立一個加載覆蓋。看看這個教程：

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

來源

2013-03-18 07:55:19

我收到了消息「道場未定義」。添加了上面的代碼。 – ITDoVe 2013-03-18 17:24:30

我看不到任何代碼。 – 2013-03-18 18:24:06

當我在你的答案中添加代碼時，我收到一條消息，說明它必須在顯示前由同伴審查。 – ITDoVe 2013-03-18 20:01:55

我通常做這個是：

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

後分析完成：重新設置主能見度可見。

可能沒有完全解決問題（取決於瀏覽器能夠以多快的速度解析佈局），但是您將不會獲得純HTML顯示，直到它被轉換爲小部件。

更多參考： dojo/Ready =檢測頁面何時被解析。

來源

2013-08-26 19:31:46 ALien

隱藏醜陋的啓動屏幕（dojox尚未完全解析）

回答

相關問題