頁面加載2秒後顯示div

我目前正試圖在頁面加載後2秒顯示div。我可以通過在頁面加載後兩秒隱藏div來成功完成相反的操作。問題是什麼都沒有發生，div保持隱藏狀態。如何在頁面加載兩秒後正確顯示div？附加：平均同時兩秒運行顯示一個Ajax加載GIF，然後消失在div頁面加載2秒後顯示div

<script type = "text/javascript"> 
$(window).load(function() { 
    setTimeout(function() { 
     $("#contentPost").show('fadeIn', {}, 500) 
    }, 2000); 
}); 
</script>

HTML/CSS

<style> 
.contentPost { display:none;} 
</style> 

<div class="contentPost"> 
<h2>Hi there</h2> 
</div>

來源

2013-01-31 CodingWonders90

顯示您的HTML-你是如何隱藏起來的？ –

@SteveH。我已添加html – CodingWonders90

$(document).ready(function() { 
    $(".contentPost").delay(2000).fadeIn(500); 
});

將工作完美。

來源

2013-01-31 22:35:40 Mooseman

這是很好的jQuery優雅。 – jmbertucci

@Mooseman仍然沒有顯示任何東西。我用HTML更新了我的問題。我實際上是用CSS display：none;' – CodingWonders90

'.fadeIn（500）;'將覆蓋'display：none'。我只注意到你的HTML使用了一個類名，而不是一個ID。我更新了我的答案以反映這一點。 – Mooseman

我從來沒有見過這樣寫，你的表演方法。嘗試改變它投入使用jQuery的方法fadeIn：

<script> 
$(function() { 
    $("#contentPost").delay(2000).fadeIn(500); 
}); 
</script>

的show方法不接受任何參數，當你希望它不會起作用。

來源

2013-01-31 22:33:54 Undefined

仍未顯示任何內容。我用HTML更新了我的問題。我實際上用CSS display：none;來隱藏div。 – CodingWonders90

根據jQuery 1.0文檔頁面（https://api.jquery.com/show/），@Undefined show（）*可以*選擇選項。 –

頁面加載2秒後顯示div

回答

相關問題