Равиши queue

Равиши queue ба мо имкон медиҳад, ки бо навбати функсияҳое, ки ба элемент вобаста шудаанд, кор кунем. Инчунин равиши clearQueue-ро бингаред, ки ба мо имкон медиҳад, ки ҳамаи функсияҳои оғознашударо аз навбат тоза кунем.

Синтаксис

Бо ин роҳ мо навбати функсияҳои иҷрошавандаеро, ки ба элемент вобаста шудаанд, нишон медиҳем. Метавонем номи навбатро бо параметри ихтиёрӣ ба сурати сатр (аз рӯи пешфарз fx - навбати стандартии таъсирҳо) гузаронем:

.queue([номи навбат]);

Мо метавонем навбатро идора кунем. Як бор барои ҳар як элемент иҷро мешавад. Барои ин метавонем дар параметри дуюм массиви функсияҳоро гузаронем, ки мундариҷаи навбати ҷориро иваз мекунанд:

.queue([номи навбат], навбати нав );

Ё дар параметри дуюм метавонем функсияи callback-и навро барои илова кардан ба навбат гузаронем. Ин функсия худ функсияи дигарро ҳамчун параметр мегирад. Ин имкон медиҳад, ки элементҳои навбати ояндаро ба таври худкор аз навбат хориҷ кард ва навбатро ҳаракат дод:

.queue([номи навбат], функсияи callback(next) {
	next();
});

Ҳар як элемент метавонад як ё чанд навбат дошта бошад. Дар бисёр барномаҳо фақат як навбат (fx) истифода мешавад. Навбатҳо имкон медиҳанд, ки амалҳои пайдарпаҳамро бо элемент асинхронӣ, бе таваққуфи иҷрои барнома, анҷом диҳем. Даъвати queue бо функсияи callback ба мо имкон медиҳад, ки функсияи навро ба охири навбат гузорем. Функсияи callback барои ҳар як элемент дар маҷмӯъ як бор иҷро мешавад. Ҳангоми илова кардани функсия бо истифода аз queue, мо бояд боварӣ ҳосил кунем, ки баъдан равиши dequeue даъват карда мешавад, то функсияи навбати дар занҷир кор кунад.

Намуна

Биёед функсияи фармоишии худро илова кунем. Аввал, пас аз пахш кардани тугмаи #animate, мо чоркунҷаи сурхро нишон медиҳем, ки дар давоми 2с ба тарафи рост ҳаракат мекунад, сипас бо ёрии queue мо функсияи фармоиширо илова мекунем, ки чоркунҷаро ба сабз ранг мекунад, классро newcolor илова мекунад. Тавре ки мебинед, сипас дар ин ҷо dequeue даъват карда мешавад, то функсияро аз навбат хориҷ кунад. Сипас чоркунҷаи мо ба тарафи чап нимсония ҳаракат мекунад ва ба сурх бармегардад - бо ёрии функсияи дуюми фармоишӣ мо классро newcolor тоза мекунем. Дар охири аниматсия мо чоркунҷаи худро қатъ мекунем:

<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();
});

Намуна

Биёед навбатро ба сурати массив илова кунем, то қаблиро тоза кунем. Ҳангоми пахш кардани тугмаи #start мо аниматсияи аз намунаи қаблиро хоҳем дид. Ҳангоми пахш кардани тугмаи #stop мо аниматсияро бо роҳи илова кардани массиви холӣ қатъ мекунем. Ҳангоми пахши такрорӣ ба #start аниматсия аз нав оғоз мешавад:

<button id="start">оғоз</button>
<button id="stop">қатъ</button>
<div></div>

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

$('#start').click(function() {
	$('div')
		.show('slow')
		.animate({left: '+=200'}, 5000)
		.queue(function() {
			$(this).addClass('newcolor').dequeue();
		})
		.animate({left: '-=200'}, 1500)
		.queue(function() {
			$(this).removeClass('newcolor').dequeue();
		})
		.slideUp();
});
	
$('#stop').click(function() {
	$('div').queue('fx', []).stop();
});

Инчунин бингаред

равиши animate,
ки хосиятҳои элементҳоро аниматсия мекунад
равиши clearQueue,
ки имкон медиҳад, ки ҳамаи унсурҳои иҷронашуда аз навбати функсияҳоро тоза кунем
равиши dequeue,
ки имкон медиҳад, ки функсияи навбати дар навбати функсияҳоро иҷро кунем