回退的人不使用JavaScript的jQuery之前閃現加載

我基本上是這樣的：回退的人不使用JavaScript的jQuery之前閃現加載

<div id="slide-1" style="display:none;"> 
    Not too important stuff 
</div> 
<div id="slide-2"> 
    Important stuff 
</div> 
<script> 
$('#slide-2').hide(0,function(){ 
    $('#slide-1').fadeIn(); 
}); 
</script>

然而，在執行jQuery的前「滑-2」是否會顯示約半秒鐘，和這些文件都在我的電腦上。如果其他人看到它，延遲會很長。我怎樣才能防止用戶看到「幻燈片2」？

來源

2011-11-19 Leo Jiang

當你執行你的JavaScript，在document.ready（）或onload或內聯？ – mrtsherman

$（document）.ready（function（）{}）;它在加載其他所有內容後加載。 –

不要使用jQuery來隱藏那個小div。延遲可能是由於瀏覽器等待jQuery下載。使用簡單的JavaScript後它就像這樣：

<div id="slide-1" style="display:none;"> 
    Not too important stuff 
</div> 
<div id="slide-2"> 
    Important stuff 
</div> 
<script> 
    document.getElementById('slide-2').style.display = 'none' 
</script>

來源

2011-11-19 01:53:33 Pickle

Pickle提出了一個很好的觀點。通過使用內聯js，頁面將在執行時停止呈現。這絕對可以解決您的問題。 – mrtsherman

幻燈片-2可與display:none;

被隱藏在不完全的幻燈片是如何工作的認識，這是很難說的解決方案如何適當的。

來源

2011-11-19 01:50:23 enduro

他的問題是，他希望幻燈片2顯示爲沒有JavaScript的人。所以'display：none'也會隱藏它們。 – mrtsherman

啊，是的，標題中的重要細節。在這種情況下，noscript標籤可能是最好的解決方案。 – enduro

您可以使用noscript標記向沒有使用JavaScript的個人顯示內容。所以像這樣的東西應該工作。

<noscript> 
    <div id="slide-2"> 
    Important stuff 
    </div> 
</noscript>

來源

2011-11-19 01:53:11 mrtsherman

回退的人不使用JavaScript的jQuery之前閃現加載

回答

相關問題