JQuery Callback – T4Tutorials.com

JavaScript statements execute in a proper sequence. However, when we apply the effects like fade and animations etc, sometimes, the next line of the code can be run before the first effect is finished. This can leads to many kinds of problems. To prevent this problem, we need to create a callback function. A callback function is a function that always executes after the current effect is finished.

Syntax of jQuery Callback Functions

$(selector).hide(speed,callback);

How to Call back in jQuery?

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

$(document).ready(function(){

$("button").click(function(){

$("p").hide("slow", function(){

alert("The paragraph is now hidden");

});

Try it

Without Call back-Function in jQuery

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

$(document).ready(function(){

$("button").click(function(){

$("p").hide(1500);

alert("The paragraph is now hidden");

});

Try it

JQuery Callback
By: Prof. Dr. Fazal Rehman | Last updated: March 3, 2022

Syntax of jQuery Callback Functions

How to Call back in jQuery?

Without Call back-Function in jQuery

Video Lecture

Related Posts:

Leave a Comment