ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

jQuery Tutorial

jQuery HOME jQuery Intro jQuery Get Started jQuery Syntax jQuery Selectors jQuery Events

jQuery Effects

jQuery Hide/Show jQuery Fade jQuery Slide jQuery Animate jQuery stop() jQuery Callback jQuery Chaining

jQuery HTML

jQuery Get jQuery Set jQuery Add jQuery Remove jQuery CSS Classes jQuery css() jQuery Dimensions

jQuery Traversing

jQuery Traversing jQuery Ancestors jQuery Descendants jQuery Siblings jQuery Filtering

jQuery AJAX

jQuery AJAX Intro jQuery Load jQuery Get/Post

jQuery Misc

jQuery noConflict() jQuery Filters

jQuery References

jQuery Selectors jQuery Events jQuery Effects jQuery HTML/CSS jQuery Traversing jQuery AJAX jQuery Misc jQuery Properties


jQuery Callback Functions


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


функции обратного вызова jQuery

Операторы JavaScript выполняются построчно. Однако с помощью эффектов можно выполнить следующую строку кода, несмотря на то, что эффект не завершен. Это может привести к ошибкам.

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

Функция обратного вызова выполняется после завершения текущего эффекта.

Типичный синтаксис: $ (селектор). Hide (скорость, обратный вызов);

Примеры

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

Пример с обратным вызовом

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

В приведенном ниже примере отсутствует параметр обратного вызова, и окно предупреждения будет отображаться до завершения эффекта «скрыть»:

Пример без обратного вызова

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