Какова очередность анимаций в jQuery?

Question

[WTERH]

при попытке проделать следующую операцию:

$('.ruster_bar').animate({width:"100%"},7000).fadeOut(600);
$('.screen').fadeIn(600).empty().appedTo()

Происходит только animate и fadeOut после этого ничего не происходит.
При попытке собрать все в одну строку:

$('.ruster_bar').animate({width:"100%"},7000).fadeOut(600).empty().appedTo().fadeIn(600)

Сразу появляется конечный результат. то есть то что лежит в appendTo()
Есть ли возможность после fadeOut() сделать так что бы срабатывал empty() и далее последовательно?

Answer 1

[Роман]

читайте внимательно про метод animate() и о том как происходит анимация.
В вашем случае (первый пример), фейдИн и ФейдАут происходят одновременно

Comments

[WTERH]

Хм, хорошо, решить это используя скажем delay() на то же время что анимация fadeOut меня спасет?

[Роман]

Костантин Данович: вам как-раз ниже указали, что да =)
Но я бы использовал иначе.
Перейдите на api.jquery.com/fadeout и посмотрите, ведь в ФейдАут можно указать функцию, которая будет выполнятся после фейда:

$( "#clickme" ).click(function() {
$( "#book" ).fadeOut( "slow", function() {
// Animation complete.
});
});

[WTERH]

Роман: Хм, я читаю конечно в другом месте, но спасибо за наводку)

[Роман]

Костантин Данович: Вы что, это должно быть первое место для чтения при работе с jQuery

[WTERH]

Роман: Это мое хобби, с интересом вчитываюсь в документации и уроки по тем или иным темам, входящим в список моих интересов, в рамках моего хобби. Работаю я абсолютно по другим направлениям и специальностям. Однако хобби мое целостно и уходит в сторону веба.

[WTERH]

Роман: Тем более что оригинльная дока на инглише, с которым я пусть и на ты, но иногда на вы, бывает трудно понять смысл той или иной фразы и тут начинаешь тыкать по всем возможным местам, пока на живом примере не увидишь разницу и не поймешь что и куда.