為什么我的幻燈片無法正常工作？

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();

    /* ... */
});