jQuery: Tham số callback
Tham số callback bản chất là một hàm gọi là hàm callback và hàm này sẽ được thực thi sau khi kết thúc hiệu ứng hiện thời.
Tác dụng của hàm callback
Bạn đã biết rằng với một tập lệnh JavaScript thông thường thì các lệnh được thực hiện lần lượt từng lệnh một, tức là lệnh trước thực hiện xong mới thực hiện lệnh sau. Tuy nhiên đối với hiệu ứng thì lại khác, dòng lệnh tiếp theo hiệu ứng có thể được thực thi trong khi hiệu ứng vẫn chưa kết thúc, và điều này có thể phát sinh lỗi. Hàm callback được dùng để tránh xảy ra loại lỗi như thế này.
Bạn hãy theo dõi hai ví dụ dưới đây sẽ cho bạn thấy được tác dụng của hàm callback.
Ví dụ có áp dụng callback
<html>
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis. com/ajax/libs/jquery/1.11.0 /jquery.min.js">
</script>
<script>
$(function(){
$("#b1").click(function(){
$("p").hide(1500,function(){
alert("Kết thúc");
});
});
});
</script>
</head>
<body>
<button id="b1">Click => Ẩn</button>
<p>v1study.com<br />demo.v1study.com</p>
</body>
</html>
Ví dụ không áp dụng callback
<html>
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis. com/ajax/libs/jquery/1.10.2 /jquery.min.js">
</script>
<script>
$(function(){
$("#b1").click(function(){
$("p").hide(1500);
alert("Kết thúc");
});
});
</script>
</head>
<body>
<button id="b1">Click => Chưa ẩn được</button>
<p>v1study.com<br />demo.v1study.com</p>
</body>
</html>