Как сделать эффекты jQuery выполненными в последовательности, не одновременно?

Как я имею два эффекта в jQuery, запущенном в sequence, не одновременно? Возьмите эту часть кода, например:

$("#show-projects").click(function() {
    $(".page:visible").fadeOut("normal");
    $("#projects").fadeIn("normal");
});

fadeOut и fadeIn выполненный одновременно, как я заставляю их работать один за другим?

16
задан Priyanga 18 October 2019 в 06:21
поделиться

2 ответа

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

$("#show-projects").click(function() {
    $(".page:visible").fadeOut("normal", function() {
        $("#projects").fadeIn("normal");
    });
});
32
ответ дан 30 November 2019 в 15:44
поделиться

То, что Вы хотите, является очередью.

Выезд ссылочная страница http://api.jquery.com/queue/ для некоторых рабочих примеров.

16
ответ дан 30 November 2019 в 15:44
поделиться