วิธี dequeue

วิธี dequeue ช่วยให้เราดำเนินการ ฟังก์ชันถัดไปจากคิวของฟังก์ชัน เมื่อเรียกใช้ วิธีการ ฟังก์ชันจะถูกลบออกจากคิว จากนั้นจึง ดำเนินการ ฟังก์ชันจะต้องเรียกวิธีการนี้ เพื่อให้สายโซ่ของฟังก์ชันสามารถดำเนินการ ต่อไปได้ ดูเพิ่มเติมที่วิธี queue, ซึ่งช่วยให้เราทำงานกับคิวของฟังก์ชัน, ที่เชื่อมโยงกับองค์ประกอบ

ไวยากรณ์

นี่คือวิธีที่เราสามารถดำเนินการทำงานของฟังก์ชันถัดไปในคิวได้ สามารถส่งพารามิเตอร์ชื่อคิวเป็นสตริงได้ (ไม่บังคับ) หากไม่ส่งพารามิเตอร์ใดๆ วิธีการจะทำงานกับคิว fx:

javascript.dequeue([ชื่อคิว]);

ตัวอย่าง

ในตัวอย่างนี้ ด้วยวิธี queue, เราจะเพิ่มฟังก์ชันที่กำหนดเอง ซึ่ง จะเปลี่ยนสีสี่เหลี่ยมเป็นสีเขียว โดยเพิ่มคลาส newcolor อย่างที่คุณเห็น หลังจากนั้น มีการเรียกใช้ dequeue เพื่อนำฟังก์ชัน ออกจากคิวและอนุญาตให้ฟังก์ชันถัดไปดำเนินการ:

html<button id="animate">เริ่ม</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$('#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();
});

ดูเพิ่มเติม