dequeue Metodu
dequeue metodu, fonksiyon kuyruğundaki bir sonraki
fonksiyonu çalıştırmamızı sağlar. Metot çağrıldığında
fonksiyon kuyruktan çıkarılır ve ardından
çalıştırılır. Fonksiyonlar zincirinin çalışmaya
devam edebilmesi için fonksiyonun bu metodu
çağırması gerekir. Ayrıca bir elemana bağlı fonksiyon
kuyruğuyla çalışmamızı sağlayan
queue
metoduna da bakın.
Sözdizimi
Kuyruktaki sonraki fonksiyonların çalışmasını bu şekilde
devam ettirebiliriz. İsteğe bağlı parametre olarak
kuyruk adı bir dize olarak iletilebilir. Hiçbir
parametre iletmezseniz, metot fx kuyruğuyla çalışacaktır:
.dequeue([kuyruk adı]);
Örnek
Bu örnekte,
queue
metodunu kullanarak, kareye newcolor sınıfını
ekleyerek onu yeşile dönüştüren özel bir fonksiyon
ekleyeceğiz. Gördüğünüz gibi, ardından fonksiyonu
kuyruktan çıkarmak ve bir sonrakinin çalışmasına izin
vermek için dequeue çağrılıyor:
<button id="animate">başlat</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();
});
Ayrıca Bakınız
-
queuemetodu,
fonksiyon kuyruğunu göstermenize ve değiştirmenize olanak tanır -
clearQueuemetodu,
fonksiyon kuyruğundaki tüm henüz çalıştırılmamış öğeleri silmenize olanak tanır