clearQueue Metode

Die metode clearQueue laat ons toe om van die waglys alle funksies wat nog nie uitgevoer is nie te verwyder.

Sintaksis

So kan ons die waglys van funksies skoonmaak. 'n Opsionele parameter wat die naam van die waglys as 'n string spesifiseer, kan oorgedra word (standaard is fx - die standaard effekwaglys). As geen parameters oorgedra word nie, sal alle oorblywende funksies uit die fx waglys verwyder word:

.clearQueue([waglysnaam]);

Hierdie metode is soortgelyk aan die metode stop. Maar, terwyl laasgenoemde slegs met animasie kan werk, laat clearQueue jou toe om met enige jQuery waglys te werk wat deur die metode queue bygevoeg is.

Voorbeeld

Kom ons laat die animasie begin wanneer op die knoppie #start gedruk word. Wanneer op die knoppie #stop gedruk word, stop ons die animasie en maak die waglys skoon met behulp van die metode clearQueue. Wanneer weer op #start gedruk word, begin die animasie van voor af:

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

Sien ook

metode queue,
wat die vertoon en wysiging van die waglys van funksies moontlik maak
metode dequeue,
wat die uitvoering van die volgende funksie in die waglys van funksies moontlik maak
metode stop,
wat jou toelaat om 'n lopende animasie te stop
metode animate,
wat die eienskappe van elemente animeer