jQuery Callback функция

Callback функция выполняется после того, как текущая анимация завершена на 100%.

Проблемы анимации jQuery

Многие функции jQuery involve анимацию. скорость или длительность в качестве опционального параметра.

Пример:$("p").hide("slow")

скорость или длительность Параметр может быть установлен на множество различных значений, таких как "slow", "fast", "normal" или миллисекунды.

Пример

$("button").click(function(){
$("p").hide(1000);
});

Попробуйте сами

Поскольку JavaScript-инструкции выполняются по порядку, после анимации могут возникнуть ошибки или конфликты на странице, так как анимация еще не завершена.

Чтобы избежать этой ситуации, вы можете добавить функцию callback в качестве параметра.

jQuery Callback функция

Callback функция вызывается после того, как анимация завершена на 100%.

Типичная грамматика:

$(селектор).hide(скорость,callback)

callback Параметр - это функция, которая выполняется после выполнения операции hide.

Ошибка (без callback)

$("p").hide(1000);
alert("Текст абзаца теперь скрыт");

Попробуйте сами

Правильно (с callback)

$("p").hide(1000,function(){
alert("Текст абзаца теперь скрыт");
});

Попробуйте сами

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