clearQueue usuli

clearQueue usuli bizga ishga tushirilmagan barcha funktsiyalarni navbatdan o'chirish imkonini beradi.

Sintaksis

Funktsiyalar navbatini shunday tozalaymiz. Ixtiyoriy parametr sifatida navbat nomini satr ko'rinishida o'tkazish mumkin (standart bo'yicha fx - standart effektlar navbati). Agar hech qanday parametr o'tkazilmasa, fx navbatidan barcha qolgan funktsiyalar o'chiriladi:

.clearQueue([navbat nomi]);

Bu usul stop usuliga o'xshaydi. Lekin, agar stop faqat animatsiya bilan ishlashi mumkin bo'lsa, clearQueue esa queue usuli orqali qo'shilgan har qanday jQuery navbati bilan ishlash imkonini beradi.

Misol

#start tugmasi bosilganda, biz animatsiyani ishga tushiramiz. #stop tugmasi bosilganda biz animatsiyani to'xtatamiz va clearQueue usuli yordamida navbatni tozalamiz. #start tugmasi qayta bosilganda animatsiya qaytadan boshlanadi:

<button id="start">start</button>
<button id="stop">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() {

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

Shuningdek qarang

queue usuli,
u funktsiyalar navbatini ko'rsatish va o'zgartirish imkonini beradi
dequeue usuli,
u funktsiyalar navbatidagi keyingi funktsiyani bajarish imkonini beradi
stop usuli,
u ishga tushirilgan animatsiyani to'xtatish imkonini beradi
animate usuli,
u elementlar xususiyatlarini animatsiya qiladi