Thứ Sáu, 7 tháng 3, 2014
jQuery Callback
«Trở lại
Chương tiếp theo »
Một chức năng gọi lại được thực hiện sau khi có hiệu lực hiện nay là 100% hoàn thành.
jQuery gọi lại chức năng
Báo cáo JavaScript được thực hiện từng dòng. Tuy nhiên, với các hiệu ứng, các dòng tiếp theo của mã có thể được chạy mặc dù hiệu quả là không hoàn thành. Điều này có thể tạo ra các lỗi.
Để ngăn chặn điều này, bạn có thể tạo ra một chức năng gọi lại.
Một chức năng gọi lại được thực hiện sau khi có hiệu lực hiện tại kết thúc.
Cú pháp điển hình: $ ( selector ). Ẩn ( tốc độ, gọi lại );
Ví dụ
Ví dụ dưới đây có một tham số gọi lại đó là một chức năng mà sẽ được thực hiện sau khi hiệu ứng ẩn được hoàn thành:
Ví dụ với gọi lại
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/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 a paragraph with little content.</p>
</body>
</html>
Thử nó cho mình »
Ví dụ dưới đây không có tham số gọi lại, và hộp cảnh báo sẽ được hiển thị trước khi có hiệu lực ẩn được hoàn thành:
Ví dụ mà không gọi lại
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide(1000);
alert("The paragraph is now hidden");
});
});
</script>
</head>
<body>
<button>Hide</button>
<p>This is a paragraph with little content.</p>
</body>
</html>
Thử nó cho mình »
«Trở lại
Chương tiếp theo »
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét