爲什麼我的幻燈片無法正常工作？

Question

我有一個幻燈片在jquery上運行，但它看起來像有一個錯誤。因爲當你第一次加載頁面，你會看到第一個壁紙淡入和淡出幾次，之後，幻燈片顯示正確..

有人可以幫我找出有什麼問題嗎？

這是我使用的腳本：

<script type="text/javascript"> 
      $("#slideshow > div:gt(0)").hide(); 

      setInterval(function() { 
       $('#slideshow > div:first') 
        .fadeOut(1000) 
        .next() 
        .fadeIn(1000) 
        .end() 
        .appendTo('#slideshow'); 
      }, 3000); 
     </script> 

這裏是小提琴：http://jsfiddle.net/2WYMu/

Answer 1

你的元素不會在這個腳本執行，使他們不隱藏時存在。把代碼放在裏面document.ready：

$(function(){ 
    $("#slideshow > div:gt(0)").hide(); 

    /* ... */ 
});