Question

jquery怎么解决后面内容覆盖前面的问题？

$('diveq:(0)').fadeIn(300).delay(3000).slideUp();
$('diveq:(1)').fadeIn(300).delay(3000).slideUp();
$('div:eq:(2)').fadeIn(300).delay(3000).slideUp();
$('div:eq(3)').fadeIn(300).delay(3000).slideUp();
就像这种当这样做的时候会显示到最后一个前面的在极短的时间内被覆盖掉了
我之前是给写到循环里的结果是一样的，直接显示最后一个
写错了是这样的
$('div:eq(0)').fadeIn(300).delay(3000).slideUp();
$('div:eq(1)').fadeIn(300).delay(3000).slideUp();
$('div:eq(2)').fadeIn(300).delay(3000).slideUp();
$('div:eq(3)').fadeIn(300).delay(3000).slideUp();

Answer 1

你是想让他们分别显现吧。可以把delay的事件改成不同的，你这样的会同时出现的

追问

怎么改都可以但是要实现一个显示之后要停留一定时间再隐藏，要怎么改呀？

追答

delay（）里面的事件有差值就可以了。第一个3000，第二个4000，第三个5000，他们就会依次间隔1000毫秒

追问

这不是我想要的，因为本来是这样的
for(var i=0;i<imgnum;i++){
$('div:eq('+i+')').fadeIn(300).delay(3000).slideUp();
｝
所以不可能写成不同的数字。
那有没有方法可以实现这种把同一级别的一组div一个显示之后要停留一定时间再隐藏然后显示第二个再停留一定时间再往后直到全部遍历完为止

追答

艾，怎么不可以呢？
for(var i=0;i<imgnum;i++){
var j=3000+i*1000;
$('div:eq('+i+')').fadeIn(300).delay(j).slideUp();

}
不就可以了

追问

我去，还是不行啊只显示最后一个前面的不显示，因为关键的函数还是那个没变呀

追答

for(var i=0;i<imgnum;i++){

setTimeout（('div:eq('+i+')').fadeIn(300).delay(3000).slideUp();），i*1000）；
｝
明白你的意思了，之前理解错了，你在看看这个

追问

就是加了个setTimeout变成这样了
setTimeout('('div.lunbo div.fcon:eq('+i+')').fadeIn(300).delay(3000).slideUp())',i*1000);
还是不行啊我还把你的中文符号改成英文的了。现在都不显示了

追答

for(var i=0;i<imgnum;i++){
$('div:eq('+i+')').delay(3000+i*1000).fadeIn(300).slideUp();
｝

追问

我的天不用试都知道这是不行的跟之前的没多大区别。
这样吧你帮我写一个例子
实现有一个父级div id=father 然后里面有4个div class=fcon的div 先让所有的子div隐藏
然后要在遍历中显示之后要停留一定时间再隐藏然后显示第二个再停留一定时间再往后直到全部遍历完为止这个功能。我给200分你

Answer 2

使用queue队列方法即可解决

追问

什么 是队列？格式是怎么的？

追答