Эффекты и очереди jQuery

Question

Я пытаюсь манипулировать объектом, используя цепочку эффектов jQuery. Некоторые эффекты в цепочке зависят от текущей позиции объекта. Но кажется, что вся цепочка эффектов ставится в очередь до выполнения, поэтому любые вызовы функций для получения текущего позиционирования возвращают неверные значения.

Две альтернативы стандартной цепочке, которую я использую (.fadein(). FadeOut(). Animate()), заключаются в использовании обратных вызовов после завершения каждого эффекта для запуска следующего. Или я мог бы посмотреть на использование очереди jQuery.

Правильно ли я предположил, что если я закодирую обратный вызов, такой как.fadeIn(500,startNextEffect), то содержимое startNextEffect не будет оцениваться, когда эффект fadeIn находится в очереди? И есть ли что-то проще, что я пропускаю?

Спасибо Крис

Answer 1

Вы можете накладывать изображения с помощью CSS position свойство, чем использовать 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; }​