Jquery callback function


Prev Tutorial Next Tutorial

Callback Function

Callback Function is executed after the current effect is finished. Javascript executes code line by line, when next line code will be run, but effect are not finished, in this case generate an error.

Syntax

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

Example of callback function

<!DOCTYPE html>
<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").hide("slow", function(){
            alert("The paragraph is now hidden");
        });
    });
});
</script>
</head>
<body>

<button>Hide</button>

<p>This is first paragraph.</p>

</body>
</html>

Output

This is first paragraph

Example of callback function

<!DOCTYPE html>
<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").hide("slow", function(){
            alert("The paragraph is now hidden");
        });
    });
});
</script>
</head>
<body>

<button>Hide</button>

<p>This is first paragraph.</p>

</body>
</html>

Output

This is first paragraph


Prev Tutorial Next Tutorial

Advertisements




Download Projects