为什么我的幻灯片无法正常工作？

Question

我在jquery上运行了一个幻灯片，但看起来它有一个bug。因为当你第一次加载页面时，你会看到第一个壁纸淡入并淡出几次，之后幻灯片显示正确..

有人可以帮我找出问题所在吗？

这是我正在使用的脚本：

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

    /* ... */
});