dequeue әдісі

dequeue әдісі бізге функциялар кезегіндегі келесі функцияны орындауға мүмкіндік береді. Әдіс шақырылған кезде функция кезектен жойылып, содан кейін орындалады. Функциялар тізбегі әрі қарай жалғаса беруі үшін функция осы әдісті шақыруы керек. Сондай-ақ элементке байланған функциялар кезегімен жұмыс істеуге мүмкіндік беретін queue әдісіне де назар аударыңыз.

Синтаксис

Кезектегі келесі функциялардың жұмысын жалғастыру үшін біз осылай жасай аламыз. Арнайы параметр ретінде жол түріндегі кезек атауын беруге болады. Ешбір параметр берілмесе, әдіс fx кезегімен жұмыс істейді:

.dequeue([кезек атауы]);

Мысал

Бұл мысалда біз queue әдісін қолданып, шаршыны жасыл түске бояйтын, newcolor класын қосатын пайдаланушы функциясын қосамыз. Көріп отырғаныңыздай, содан кейін мұнда функцияны кезектен алып тастау және келесісінің орындалуына мумкіндік беру үшін dequeue шақырылады:

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

Сондай-ақ қараңыз

queue әдісі,
функциялар кезегін көрсетуге және өзгертуге мүмкіндік береді
clearQueue әдісі,
функциялар кезегінен орындалмаған барлық элементтерді жоюға мумкіндік береді