clearQueue পদ্ধতি

clearQueue পদ্ধতি আমাদেরকে কিউ থেকে সমস্ত ফাংশন অপসারণ করতে দেয় যেগুলো এখনও চালু হয়নি।

বাক্য গঠন

আমরা এভাবে ফাংশন কিউ পরিষ্কার করতে পারি। একটি স্ট্রিং হিসেবে ঐচ্ছিক প্যারামিটারে কিউর নাম পাস করা যেতে পারে (ডিফল্ট হিসেবে fx - স্ট্যান্ডার্ড ইফেক্ট কিউ)। যদি কোনো প্যারামিটার না পাস করা হয়, তাহলে fx কিউ থেকে সমস্ত অবশিষ্ট ফাংশন মুছে যাবে:

.clearQueue([কিউর নাম]);

এই পদ্ধতিটি stop পদ্ধতির অনুরূপ। কিন্তু, পরবর্তীটি শুধুমাত্র অ্যানিমেশনের সাথে কাজ করতে পারে, যেখানে clearQueue jQuery-এর যেকোনো কিউ-এর সাথে কাজ করতে দেয় যা queue পদ্ধতি দ্বারা যোগ করা হয়েছে।

উদাহরণ

চলুন #start বাটনে ক্লিক করলে, আমরা অ্যানিমেশন শুরু করব। #stop বাটনে ক্লিক করলে আমরা অ্যানিমেশন বন্ধ করব এবং clearQueue পদ্ধতি ব্যবহার করে কিউ পরিষ্কার করব। #start-এ আবার ক্লিক করলে অ্যানিমেশন আবার শুরু হবে:

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

আরও দেখুন

queue পদ্ধতি,
যা ফাংশন কিউ দেখানো এবং পরিবর্তন করতে দেয়
dequeue পদ্ধতি,
যা কিউতে পরবর্তী ফাংশন নির্বাহ করতে দেয়
stop পদ্ধতি,
যা চলমান অ্যানিমেশন বন্ধ করতে দেয়
animate পদ্ধতি,
যা উপাদানগুলির বৈশিষ্ট্যগুলিকে অ্যানিমেট করে