Funções de retorno de chamada do jQuery


Uma função de retorno de chamada é executada após o efeito atual estar 100% concluído.


Funções de retorno de chamada do jQuery

As instruções JavaScript são executadas linha por linha. No entanto, com efeitos, a próxima linha de código pode ser executada mesmo que o efeito não tenha terminado. Isso pode criar erros.

Para evitar isso, você pode criar uma função de retorno de chamada.

Uma função de retorno de chamada é executada após o término do efeito atual.

Sintaxe típica: $( selector ).hide( speed, callback );

Exemplos

O exemplo abaixo possui um parâmetro callback que é uma função que será executada após a conclusão do efeito hide:

Exemplo com retorno de chamada

$("button").click(function(){
  $("p").hide("slow", function(){
    alert("The paragraph is now hidden");
  });
});

O exemplo abaixo não possui parâmetro de retorno de chamada e a caixa de alerta será exibida antes que o efeito de ocultação seja concluído:

Exemplo sem retorno de chamada

$("button").click(function(){
  $("p").hide(1000);
  alert("The paragraph is now hidden");
});