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

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

    /* ... */
});