Função callback do jQuery

A função callback é executada após a conclusão de 100% da animação atual.

Problemas de animação do jQuery

Muitas funções do jQuery envolvem animação. Essas funções talvez movam velocidade ou duração como parâmetro opcional.

Exemplo:$("p").hide("slow")

velocidade ou duração Os parâmetros podem ser configurados com muitos valores diferentes, como "slow", "fast", "normal" ou milissegundos.

Exemplo

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

Experimente você mesmo

Devido ao fato de que as instruções JavaScript (comandos) são executadas uma após a outra - em ordem, as instruções após a animação podem gerar erros ou conflitos na página, porque a animação ainda não foi concluída.

Para evitar essa situação, você pode adicionar a função callback como parâmetro.

Função callback do jQuery

A chamada de função callback é feita após a conclusão de 100% da animação.

Gramática típica:

$(seletor).hide(velocidade,callback)

callback O parâmetro é uma função que é executada após a operação hide.

Errado (sem callback)

$("p").hide(1000);
alert("O parágrafo está agora oculto");

Experimente você mesmo

Correto (com callback)

$("p").hide(1000,function(){
alert("O parágrafo está agora oculto");
});

Experimente você mesmo

Conclusão:Se você deseja executar uma instrução após uma função que envolve animação, use a função callback.