隱藏jQuery移動頁面第一次加載，直到完全加載

在我的jQuery Mobile網站主頁的第一次加載，似乎是1秒之前，由jQuery Mobile處理，然後頁面變爲空白1秒，然後，頁面的最終呈現完成，讓最後一頁出現。它提供了一種我想避免的眨眼效果，尤其是因爲例如jQuery Mobile需要解析的所有元素在第一秒期間都是可見的（例如，popup不隱藏等）。隱藏jQuery移動頁面第一次加載，直到完全加載

我嘗試過與其他基於jQuery Mobile的網站，他們似乎沒有這個問題。有配置什麼的？如果不是這種情況，我想隱藏該頁面直到完全加載。

提前致謝。

來源

2013-02-19 Kalvn

這就是我所做的，但它不適合誰禁用JS的人。所以我也這麼做，但是我通過javascript在開啓body標籤後隱藏了body。

<body> 
    <script type="text/javascript"> 
document.body.style.display = 'none'; 
</script> 
... 
</body>

來源

2013-03-06 07:55:48 Kalvn

'display：none'可能會阻止某些JS工作，尤其是在您嘗試測量大小時。使用'visibility：hidden'可能是更好的選擇。 – 2013-11-10 22:57:28

的確如此。在我的情況下，我不使用JS的尺寸，所以我沒有面臨任何問題，但「可見性：隱藏」絕對是一個很好的選擇。 – Kalvn 2014-07-16 14:53:23

您可以在主體上使用display none，然後在第一頁上綁定pageinit的事件偵聽器。

例子：

HTML：

<body style="display:none"> 
<div id="#start" data-role="page"></div> 
</body>

JS：

$("#start").one("pageinit",function(){ 
    $("body").show(); 
});

來源

2013-02-28 09:50:13 salbahra

隱藏jQuery移動頁面第一次加載，直到完全加載

回答

相關問題