我只是想弄清楚如何遍历具有相同类的元素并一次为它们设置一个动画。我认为这while循环会工作,但我不明白为什么它不会。
$(document).ready(function() {
var index = 0;
var images = $('.image');
while (index < images.length) {
var image = images[index];
image.animate({
opacity: "1"
}, 1000, function() {
index++;
});
};
});
赫雷斯小提琴
这是@Evert在另一个答案中精彩解释的简单实现。
在这里引用他们的答案
在动画之后执行的回调中调用index ++。仅在此脚本停止执行后,动画才会开始。
因此,index ++永远不会执行,循环永远不会结束。
您需要将其重写为递归函数。现在调用index ++的事件处理程序实际上需要负责设置下一个动画。
实现可以是这样的
var index = 0;
var images = $('.image');
animate(images);
function animate() {
var image = images.eq(index);
image.animate({
opacity: "1"
}, 1000, function () {
index++;
animate();
});
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句