Как я делаю постепенное исчезновение, блокирующееся в JQuery?

В значительной степени как вопрос говорит, у меня есть некоторый код, работающий через определенный интервал:

$("#blah").fadeOut(2000);
$("#blah2").fadeIn(2000);

Я хотел бы постепенно исчезнуть, затем постепенно появился бы, вместо того, чтобы иметь оба движения одновременно. Существует ли простой способ?

6
задан NibblyPig 7 June 2010 в 12:44
поделиться

3 ответа

$("#blah").fadeOut(2000);
$("#blah2").delay(2000).fadeIn(2000);

Или:

$("#blah").fadeOut(2000, function(){
    $("#blah2").fadeIn(2000);
});
6
ответ дан 16 December 2019 в 21:34
поделиться

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

$('#blah').fadeOut(2000, function(){
    $('#blah2').fadeIn(2000);
});

см. .fadeOut ()

1
ответ дан 16 December 2019 в 21:34
поделиться
$('#blah').fadeOut(2000, function(){
    $("#blah2").fadeIn(2000);
});

Как объяснено в документации :

.fadeOut ([duration], [callback])

duration : Строка или число, определяющее как долго будет работать анимация.

callback : функция, вызываемая после анимация завершена.

1
ответ дан 16 December 2019 в 21:34
поделиться
Другие вопросы по тегам:

Похожие вопросы: