คุณสมบัติ jQuery.fx.off

คุณสมบัติ jQuery.fx.off ช่วยให้ ปิดการเคลื่อนไหวแบบ global ได้ เมื่อตั้งค่า คุณสมบัตินี้เป็นค่า true วิธีการเคลื่อนไหวทั้งหมด จะกำหนดให้องค์ประกอบอยู่ในสถานะสุดท้ายทันที โดยไม่แสดง เอฟเฟกต์ เพื่อยกเลิกการตั้งค่านี้ ให้ตั้งค่าคุณสมบัตินี้กลับเป็น false

ตัวอย่าง

สมมติว่าเรามีสี่เหลี่ยมสีเขียว เราจะเริ่มการเคลื่อนไหวเมื่อคลิกที่ปุ่ม #start โดยใช้เมธอด toggle, และโดยใช้ปุ่ม #toggle เราจะเปิด และปิดการเคลื่อนไหวผ่านการตั้งค่า jQuery.fx.off เมื่อการเคลื่อนไหวถูกปิด สี่เหลี่ยมของเราจะปรากฏและหายไปทันทีโดยไม่มี เอฟเฟกต์ใดๆ:

html<input id="start" type="button" value="start">
<button id="toggle">toggle fx</button>
<div></div>

cssdiv {
  width: 50px;
  height: 30px;
  margin: 5px;
  float: left;
  background: green;
}

javascriptlet toggleFx = function() {
  $.fx.off = !$.fx.off;
};   

$('#toggle').click(toggleFx);

$('#start').click(function() {
  $('div').toggle('slow');
});

ดูเพิ่มเติม