clearQueue နည်းလမ်း

clearQueue နည်းလမ်းသည် ကျွန်ုပ်တို့အား အစပြုထားခြင်းမရှိသေးသည့် လုပ်ဆောင်ချက်အားလုံးကို တန်းစီစာရင်းမှ ဖယ်ရှားခွင့်ပြုပါသည်။

ဝါကျဖွဲ့စည်းပုံ

ဤနည်းဖြင့် လုပ်ဆောင်ချက်တန်းကို ရှင်းလင်းနိုင်ပါသည်။ စာကြောင်းတစ်ခုအနေဖြင့် တန်းအမည်ကို ထည့်သွင်းစဉ်းစားချက်အဖြစ် ပေးပို့နိုင်သည် (စံအတိုင်း fx - စံအကျိုးသက်ရောက်မှု တန်း)။ မည်သည့်ထည့်သွင်းစဉ်းစားချက်ကိုမျှ မပေးပို့ပါက fx တန်းမှ ကျန်ရှိနေသော လုပ်ဆောင်ချက်အားလုံး ဖယ်ရှားသွားမည်ဖြစ်သည်။

javascript.clearQueue([တန်းအမည်]);

ဤနည်းလမ်းသည် stop နည်းလမ်းနှင့် ဆင်တူသည်။ သို့သော် နောက်ဆုံးနည်းလမ်းသည် သက်ဝင်လှုပ်ရှားမှုများနှင့်သာ အလုပ်လုပ်နိုင်ပြီး clearQueue သည် jQuery ၏ မည်သည့်တန်းနှင့်မဆို အလုပ်လုပ်စေနိုင်သည် အကြောင်းမှာ ၎င်းကို queue နည်းလမ်းဖြင့် ပေါင်းထည့်ထားခြင်းဖြစ်သည်။

ဥပမာ

ခလုတ် #start ကို နှိပ်လိုက်သည့်အခါ သက်ဝင်လှုပ်ရှားမှုကို စတင်ပါစို့။ ခလုတ် #stop ကို နှိပ်လိုက်သည့်အခါ သက်ဝင်လှုပ်ရှားမှုကို ရပ်တန့်ပြီး clearQueue နည်းလမ်းကို အသုံးပြု၍ တန်းကို ရှင်းလင်းပါမည်။ #start ကို ထပ်မံနှိပ်လိုက်ပါက သက်ဝင်လှုပ်ရှားမှုသည် အသစ်မှ စတင်ပြန်လိမ့်မည်။

html<button id="start">စတင်မည်</button>
<button id="stop">ရပ်တန့်မည်</button>
<div></div>

cssdiv {
  position: absolute;
  margin: 3px;
  width: 50px;
  height: 50px;
  left: 0px;
  top: 30px;
  background: red;
  display: none;
}

div.newcolor {
  background: green;
}

javascript$('#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();
});

ဤအကြောင်းလည်း ကြည့်ပါ