Kaedah dequeue

Kaedah dequeue membolehkan kita melaksanakan fungsi seterusnya dari barisan fungsi. Apabila dipanggil, kaedah ini akan mengeluarkan fungsi dari barisan, kemudian melaksanakannya. Fungsi tersebut perlu memanggil kaedah ini supaya rantai fungsi boleh terus dilaksanakan. Lihat juga kaedah queue, yang membolehkan kita bekerja dengan barisan fungsi yang terikat pada elemen.

Sintaks

Beginilah cara kita meneruskan kerja fungsi seterusnya dalam barisan. Nama barisan boleh diberikan sebagai pilihan dalam bentuk rentetan. Jika tiada parameter diberikan, kaedah akan bekerja dengan barisan fx:

javascript.dequeue([nama barisan]);

Contoh

Dalam contoh ini, dengan menggunakan kaedah queue, kita akan menambahkan fungsi khas yang akan menukar warna kotak kepada hijau, dengan menambahkan kelas newcolor. Seperti yang anda lihat, kemudian di sini dequeue dipanggil, untuk mengeluarkan fungsi dari barisan dan membenarkan fungsi seterusnya dilaksanakan:

html<button id="animate">mula</button>
<div></div>

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

div.newcolor {
  background: green;
}

javascript$('#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