在jQueryMobile的頁面轉換期間出現的股票行

我正在開發一個使用jQueryMobile的移動網頁。我發現在頁面轉換期間總是有一行(at the bottom ~40px)，特別是對於slideup轉換。在jQueryMobile的頁面轉換期間出現的股票行

例如，當$.mobile.changePage()使用slideup調用$.mobile.changePage()時，會顯示一個空白頁面，並在中間底部顯示一條股線，然後頁面顯示新頁面。沒有功能失敗看起來很奇怪。

來源

2012-06-14 James Zhang

截圖或它沒有發生 – Ohgodwhy

我遇到過這個問題，並嘗試從stackoverflow和github搜索答案，但我沒有找到一個非常完美的解決方案。

最後我試着用一些技巧來解決這個問題。

關於行：

在默認情況下，jQuery Mobile的用戶界面，移動類或任何其它類設置的網頁最小高度爲460px.So我設定的最小高度爲460+或heigher.Then的白線會消失。

關於網頁Flash或閃爍：

通常我們會寫jQuery Mobile的web應用程序是這樣的：

page1: 
<body> 
    <div>...All Main Content Here</div> 
</body> 

page2: 
<body> 
    <div>...All Main Content Here</div> 
</body>

但我改變這樣的：

page1: 
<body> 
    <div id="page1"> 
    <div>...All Main Content here</div> 
    </div> 
</body> 

page2: 
<body> 
    <div id="page2" style="display:none"> 
    <div>...All Main Content here</div> 
    </div> 
</body>

後每頁面轉換調用函數：

setTimeout(function(){ $("#page2").css("display","block"); } , 80);

你會發現一切都很好。

來源

2012-10-03 12:16:33

在jQueryMobile的頁面轉換期間出現的股票行

回答

相關問題