0

我正在尝试使用 jQuery 效果链来操作对象。链中的一些效果取决于对象的当前位置。但似乎整个效果链在执行之前都已排队，因此任何获取当前定位的函数调用都会返回不正确的值。

我正在使用的标准链接的两个替代方案 (.fadein().fadeOut().animate()) 是在每个效果完成后使用回调来开始下一个效果。或者我可以看看使用 jQuery 队列。

我是否正确假设如果我对回调进行编码，例如 .fadeIn(500,startNextEffect) 当淡入效果排队时将不会评估 startNextEffect 的内容？还有什么更容易我想念的吗？

谢谢你，克里斯

4

1 回答 1

0

position您可以使用 css属性重叠图像，而不是使用fadeIn()和fadeOut()效果：

这是 jsFiddle 示例。

jQuery：

$(document).ready(function() {
    $('img').click(function() {
        $('img').fadeOut(400);
        $(this).next().delay(100).fadeIn(600);
    });
});

CSS：

img { position:absolute; left:10px; top:10px; }​
于 2012-08-29T21:24:59.900 回答