clearQueue մեթոդ

clearQueue մեթոդը թույլ է տալիս մեզ հեռացնել հերթից բոլոր այն ֆունկցիաները, որոնք չեն գործարկվել:

Շարահյուսություն

Այսպես մենք կարող ենք մաքրել ֆունկցիաների հերթը: Կարելի է փոխանցել ոչ պարտադիր պարամետր՝ հերթի անվանումը տողի տեսքով (լռելյայն՝ fx - ստանդարտ էֆեկտների հերթ): Եթե պարամետրեր չփոխանցվեն, ապա fx հերթից կհեռացվեն բոլոր մնացած ֆունկցիաները:

.clearQueue([հերթի անուն]);

Այս մեթոդը նման է stop մեթոդին: Բայց, եթե վերջինս կարող է աշխատել միայն անիմացիայի հետ, ապա clearQueue-ը թույլ է տալիս աշխատել jQuery-ի ցանկացած հերթի հետ, որը ավելացվել է queue մեթոդով:

Օրինակ

Եկեք սեղմելով #start կոճակի վրա, մենք գործարկենք անիմացիան: Սեղմելով #stop կոճակի վրա՝ մենք կդադարեցնենք անիմացիան և կմաքրենք հերթը clearQueue մեթոդի օգնությամբ: #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() {

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

Տես նաև

queue մեթոդը,
որը թույլ է տալիս ցույց տալ և փոխել ֆունկցիաների հերթը
dequeue մեթոդը,
որը թույլ է տալիս կատարել հերթի հաջորդ ֆունկցիան
stop մեթոդը,
որը թույլ է տալիս դադարեցնել գործարկված անիմացիան
animate մեթոդը,
որը անիմացիայի է ենթարկում տարրերի հատկությունները