.delay doesn' t, кажется, задерживают .fadeOut/.fadeIn

У меня есть проблема со следующей линией кода.

$("#chicken").delay(scrolllen).fadeOut(0).removeClass("flipped").css({ left: 900 + "px" , top : 2370 + "px"}).fadeIn(0).animate({ left: 1500 + "px" , top : 2370 + "px"}, 5000, 'linear');

Таким образом, у меня есть другая анимация, происходят. Они берут scrolllen , таким образом, у меня есть задержка так, чтобы это ждало конца той анимации. Тогда дом изделия исчезает от того, где это. Проблема, .fadeOut происходит немедленно, таким образом, я вижу, что пункт исчезает. Там другой путь состоит в том, чтобы достигнуть этого?

http://jsfiddle.net/8dAqz/

0
nl ja de
"ПОЖАЛУЙСТА, don' t просят JSFiddle как я действительно don' t думают it' s необходимый". Сильно рекомендуют удалить то заявление, если вы действительно хотите помощь. (Также рекомендуйте добавить скрипку или jsbin.com, но it' s дополнительный, ваш вопрос довольно ясен без него.)
добавлено автор T.J. Crowder, источник
Почему использование .fadeOut() со временем 0 ?
добавлено автор nnnnnn, источник
Если you' ленивое ре, короткий путь, чтобы .css ({display:none}) .hide() - даже меньше знаков, чтобы напечатать, чем .fadeOut (0) .
добавлено автор nnnnnn, источник
Поскольку я слишком ленив, чтобы использовать .css ({display:none})
добавлено автор Glenn, источник
При взгляде более глубокого, проблема, кажется, "очередь эффектов". Похож я должен знать что количество как это.
добавлено автор Glenn, источник

2 ответы

Here's a fiddle: http://jsfiddle.net/Kqwrm/1/ grr, hate the code requirement

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

Теперь, вопрос - что точно, что вы хотите произойти?

1
добавлено
@Splatter - что сделает ваш код: оригинал - выполнение задержки всей анимации для scrolllen ms, выполните постепенное затемнение изображения немедленно, двиньтесь в левый на 900 пкс немедленно, постепенное появление изображения немедленно, затем двиньтесь в левый к 1500 пкс с линейной анимацией, длящейся 5000 мс.
добавлено автор eithed, источник
Я don' t видят, что исчезновение происходит в этом примере по некоторым причинам. I' ve изменил ваш пример, чтобы соответствовать моему более правильно. jsfiddle.net/8dAqz. Как вы видите, задержка только, кажется, задерживается .animation .
добавлено автор Glenn, источник

Я, кажется, решил это дополнительный путь.

http://jsfiddle.net/8dAqz/1/

При помощи функции JavaScript setTimeout и затрагивание jQuery звонит в нем, это останавливается, как предназначено.

0
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda