顯示幾秒鐘的div，然後自動消失

Question

當頁面加載時，div應該出現3秒鐘，然後自動消失。目前我遇到了代碼問題。我使用這個代碼如下：

jQuery("#infor").delay(6000).fadeOut("slow"); 

我的HTML是：

<div id="infor"> 
something 
</div> 

但它似乎並不奏效。有沒有人有任何想法爲什麼這個代碼不工作？

Answer 1

您的代碼在document.ready區塊內嗎？

$(document).ready(function() { 
    $("#infor").delay(3000).fadeOut("slow"); 
}); 

它爲我的作品：http://jsfiddle.net/YdU4z/

Answer 2

您的語法看起來是正確的（但是，如果您希望延遲時間約爲3秒，則應將延遲時間內的值更改爲3000）。

您是否將此代碼封裝在文檔就緒的塊中，如下所示？

<script type='text/javascript'> 
    //Short-hand for $(document).ready() 
    $(function(){ 
     //Delay for ~3 seconds and then fade out 
     $("#infor").delay(3000).fadeOut("slow"); 
    }); 
</script> 

Working Example

我會嘗試使用你的瀏覽器中的開發者工具（F12），以查看是否正在出現的任何錯誤（控制檯內），並確保的jQuery的版本你正在使用支持被調用的函數。