Metode dequeue

Metode dequeue memungkinkan kita mengeksekusi fungsi berikutnya dari antrian fungsi. Saat dipanggil, fungsi dihapus dari antrian, kemudian dieksekusi. Fungsi harus memanggil metode ini agar rangkaian fungsi dapat terus dieksekusi berikutnya. Lihat juga metode queue, yang memungkinkan kita bekerja dengan antrian fungsi, yang terikat pada elemen.

Sintaks

Beginilah cara kita dapat melanjutkan pekerjaan fungsi berikutnya dalam antrian. Dapat meneruskan parameter opsional nama antrian dalam bentuk string. Jika tidak meneruskan parameter apapun, maka metode akan bekerja dengan antrian fx:

.dequeue([nama antrian]);

Contoh

Dalam contoh ini, dengan menggunakan metode queue, kita akan menambahkan fungsi kustom yang akan mengubah warna kotak menjadi hijau, dengan menambahkan kelas newcolor. Seperti yang Anda lihat, kemudian di sini dipanggil dequeue, untuk menghapus fungsi dari antrian dan memungkinkan fungsi berikutnya dieksekusi:

<button id="animate">mulai</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();
});

Lihat juga

metode queue,
yang memungkinkan menampilkan dan mengubah antrian fungsi
metode clearQueue,
yang memungkinkan menghapus semua item yang belum dieksekusi dari antrian fungsi