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

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

ตัวอย่าง

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

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

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

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

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

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

ดูเพิ่มเติม

เมธอด animate,
ซึ่งทำให้คุณสมบัติขององค์ประกอบเคลื่อนไหวได้