凌乱的jQuery div到div append

我在第一次加载页面时遇到jQuery div到div append的问题

预期效果： 基本上，只需要让当前div淡出、暂停，然后下一个div淡入即可

结果: 新追加的div跳到要追加的div的顶部，迫使上一个div向下，看起来很难看。就好像在上一个div完成淡出之前，div已经淡入，尽管有

.delay（）

函数

原始jQuery代码：

$(document).ready(function(){
$("#blurb > div:gt(0)").hide();
setInterval(function() { 
$('#blurb > div:first')
.fadeOut(1000)
.delay(1000)
.next(1)
.fadeIn(1000)
.end(1)
.appendTo('#blurb');
},  5000);
});

相关CSS：

#blurb{
float:right;
text-align:right;
width:300px;
font-size:16px;
margin-right:-20px;
height:100px;
z-index:-100;
}
#blurb > div{
position:relative;
z-index:-100;
height:100px;
}

相关HTML：

<div id="blurb">
<div>
<b style="font-size:18px;color:#EF116A;">Having problems?</b><br>
Please call our Sheffield-based support team on <b>0114 303 3232</b>.
</div>
<div>
<b style="font-size:18px;color:#EF116A;">Having problems?</b><br>
Please email our Sheffield-based support team at <b>support@ask4.com</b>.
</div>
<script>
jQuery script as above
</script>
</div>

有问题吗？

请致电我们的谢菲尔德支持团队0114303232。
有问题吗？

请发送电子邮件至我们位于谢菲尔德的支持团队support@ask4.com.
jQuery脚本如上所述

（请忽略非验证等，这只是一个实验）

非常感谢,

---

Oliver

如果希望在当前动画完成后淡入下一个div，则需要在淡入方法的回调函数中处理下一个div的淡入

    $(document).ready(function() {
    $("#blurb > div:gt(0)").hide();
    setInterval(function() {
        $('#blurb >div:first')
            .fadeOut(1000 , function() {
                 $(this).next(1).delay(1000).fadeIn(1000)
                                .end(1).appendTo('#blurb');
            })  
    }, 5000);
});

​

---

当你说“你需要处理这件事……”那是什么？嗨，苏珊特，谢谢你的回答。我把这个代码放进去了，现在它只是静态的，没有褪色。我做错什么了吗？@OliverSmith。。欢迎：）嗨，苏珊特，我想你在我编辑之前就已经回复了。您建议我使用的代码导致div看起来是静态的。如果我在更改代码时出错了，请告诉我好吗？谢谢，再次谢谢你。工作是一种享受。我已标记为接受答案：）欢迎访问SO。仅供参考，这个问题可能会被否决，因为它有点模棱两可，没有明确的问题被问到，而且您没有包含任何代码。试着把它修好一点。谢谢adamb，我们现在已经做了更改