Ιδιότητα jQuery.fx.off

Η ιδιότητα jQuery.fx.off επιτρέπει την παγκόσμια απενεργοποίηση της κινούμενης εικόνας. Κατά τον ορισμό αυτής της ιδιότητας στην τιμή 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,
που δίνει κινούμενη εικόνα σε ιδιότητες στοιχείων