jQuery效果和队列

Question

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

我正在使用的标准链的两个替代方法（.fadein（）。fadeOut（）。animate（））将在每个效果完成后使用回调来启动下一个。或者我可以看看使用jQuery队列。

我是否正确认为如果我对回调进行编码，例如.fadeIn（500，startNextEffect），则当fadeIn效果排队时，不会评估startNextEffect的内容？是否有一些我更容易丢失的东西？

感谢-你， 克里斯

Answer 1

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

Here is jsFiddle example.

<强> jQuery的：

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

<强>的CSS：

img { position:absolute; left:10px; top:10px; }​