Phương thức dequeue

Phương thức dequeue cho phép chúng ta thực hiện hàm tiếp theo từ hàng đợi các hàm. Khi phương thức được gọi, hàm sẽ bị xóa khỏi hàng đợi, sau đó được thực thi. Hàm phải gọi phương thức này để chuỗi các hàm có thể tiếp tục thực thi tiếp. Xem thêm phương thức queue, cho phép chúng ta làm việc với hàng đợi các hàm, được liên kết với phần tử.

Cú pháp

Bằng cách này, chúng ta có thể tiếp tục công việc của các hàm tiếp theo trong hàng đợi. Có thể truyền tên hàng đợi dưới dạng chuỗi làm tham số tùy chọn. Nếu không truyền bất kỳ tham số nào, phương thức sẽ làm việc với hàng đợi fx:

.dequeue([tên hàng đợi]);

Ví dụ

Trong ví dụ này, sử dụng phương thức queue, chúng ta sẽ thêm một hàm tùy chỉnh đổi màu hình vuông thành xanh lá cây bằng cách thêm lớp newcolor. Như bạn thấy, sau đó ở đây dequeue được gọi để loại bỏ hàm khỏi hàng đợi và cho phép hàm tiếp theo thực thi:

<button id="animate">bắt đầu</button>
<div></div>

div {
	position: absolute;
	margin: 3px;
	width: 50px;
	height: 50px;
	left: 0px;
	top: 30px;
	background: red;
	display: none;
}

div.newcolor {
	background: green;
}

$('#animate').click(function() {
	$('div')
		.show('slow')
		.animate({left: '+=200'}, 2000)
		.queue(function() {
			$(this).addClass('newcolor').dequeue();
		})
		.animate({left: '-=200'}, 500)
		.queue(function() {
			$(this).removeClass('newcolor').dequeue();
		})
		.slideUp();
});

Xem thêm

phương thức queue,
cho phép hiển thị và thay đổi hàng đợi các hàm
phương thức clearQueue,
cho phép xóa tất cả các phần tử chưa được thực thi khỏi hàng đợi các hàm