Funkcja Callback jQuery

Funkcja Callback jest wykonywana po ukończeniu animacji w 100%.

Problemy z animacjami jQuery

Wiele funkcji jQuery dotyczy animacji. Te funkcje mogą szybkość lub trwanie jako parametr opcjonalny.

Przykład:$("p").hide("slow")

szybkość lub trwanie Parametr może przyjąć wiele różnych wartości, takich jak "slow", "fast", "normal" lub w milisekundach.

Przykład

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

Spróbuj sam

Ponieważ instrukcje JavaScript są wykonywane jeden po drugim, w kolejności, instrukcje po animacji mogą powodować błędy lub konflikty na stronie, ponieważ animacja jeszcze się nie zakończyła.

Aby uniknąć tej sytuacji, możesz dodać funkcję Callback jako parametr.

Funkcja Callback jQuery

Następnie, gdy animacja jest ukończona w 100%, wywoływana jest funkcja Callback.

Typowy syntax:

$(selektor).hide(szybkość,callback)

callback Parametr jest funkcją wykonywaną po zakończeniu operacji hide.

Błędne (brak callback)

$("p").hide(1000);
alert("Paragraf jest teraz ukryty");

Spróbuj sam

Poprawne (z callback)

$("p").hide(1000,function(){
alert("Paragraf jest teraz ukryty");
});

Spróbuj sam

Wnioski:Jeśli chcesz wykonać instrukcję po funkcji obejmującej animację, użyj funkcji callback.