วิธี dequeue

วิธี dequeue ช่วยให้เราดำเนินการ ฟังก์ชันถัดไปจากคิวของฟังก์ชัน เมื่อเรียกใช้ วิธีการ ฟังก์ชันจะถูกลบออกจากคิว จากนั้นจึง ดำเนินการ ฟังก์ชันจะต้องเรียกวิธีการนี้ เพื่อให้สายโซ่ของฟังก์ชันสามารถดำเนินการ ต่อไปได้ ดูเพิ่มเติมที่วิธี queue, ซึ่งช่วยให้เราทำงานกับคิวของฟังก์ชัน, ที่เชื่อมโยงกับองค์ประกอบ

ไวยากรณ์

นี่คือวิธีที่เราสามารถดำเนินการทำงานของฟังก์ชันถัดไปในคิวได้ สามารถส่งพารามิเตอร์ชื่อคิวเป็นสตริงได้ (ไม่บังคับ) หากไม่ส่งพารามิเตอร์ใดๆ วิธีการจะทำงานกับคิว fx:

.dequeue([ชื่อคิว]);

ตัวอย่าง

ในตัวอย่างนี้ ด้วยวิธี queue, เราจะเพิ่มฟังก์ชันที่กำหนดเอง ซึ่ง จะเปลี่ยนสีสี่เหลี่ยมเป็นสีเขียว โดยเพิ่มคลาส newcolor อย่างที่คุณเห็น หลังจากนั้น มีการเรียกใช้ dequeue เพื่อนำฟังก์ชัน ออกจากคิวและอนุญาตให้ฟังก์ชันถัดไปดำเนินการ:

<button id="animate">เริ่ม</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();
});

ดูเพิ่มเติม

วิธี queue,
ซึ่งช่วยให้แสดงและเปลี่ยนแปลงคิวของฟังก์ชัน
วิธี clearQueue,
ซึ่งช่วยให้ลบรายการที่ยังไม่ได้ดำเนินการทั้งหมด ออกจากคิวของฟังก์ชัน