FadeIn没有提供正确的时间
FadeIn没有提供正确的时间
提问于 2013-07-05 15:20:02
我有3个div，我想让它们彼此相隔1秒。但这似乎并没有发生。循环中实际发生了什么。请解释！！目前所有的div都出现在一起。但我想一次给他们看一个。我希望第二个DIV在第一个div出现之后出现。
http://jsfiddle.net/wilsonrufus/TUL6s/
var blockOne = $('#block1');
blockInner = blockOne.find('.inner-block');
blockInner.fadeOut();
blockInner.each(function (index, value) {
time = 2000+(index*5000); <- just expermenting
$(this).fadeIn(time);
console.log(time)
});回答 2
Stack Overflow用户
回答已采纳
发布于 2013-07-05 15:26:20
尝试链接并使用回调函数来处理每次下一个元素的fadeIn
http://jsfiddle.net/blackjim/TUL6s/1/
var blockOne = $('#block1');
blockInner = blockOne.find('.inner-block');
var fadeNextIn = function(){
if($(this).next()){
$(this).next().fadeIn(1000,fadeNextIn);
}
}
blockInner.fadeOut('slow')
.first().fadeIn(1000,fadeNextIn);Stack Overflow用户
发布于 2013-07-05 15:30:19
如果不是第一个div，请使用delay：
blockInner.each(function (index, value) {
$(this).delay(index > 0 ? 2000*index : 0).fadeIn(2000);
});http://jsfiddle.net/TUL6s/5/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17483232
复制相关文章
相似问题
腾讯云开发者
