Jquery callback function
Advertisements
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
Google Advertisment