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 နည်းလမ်း,
element ၏ ဂုဏ်သတ္တိများကို သက်ဝင်လှုပ်ရှားစေသည်