Eigenschaft jQuery.fx.off

Die Eigenschaft jQuery.fx.off ermöglicht das globale Deaktivieren von Animationen. Wenn diese Eigenschaft auf den Wert true gesetzt wird, werden alle Animationsmethoden die Elemente in ihren Endzustand versetzen, ohne Effekte anzuzeigen. Um diese Einstellung rückgängig zu machen, setzen Sie diese Eigenschaft zurück auf false.

Beispiel

Angenommen, wir haben ein grünes Rechteck. Wir starten die Animation durch Klicken auf die Schaltfläche #start mit der Methode toggle. Mit der Schaltfläche #toggle schalten wir die Animation mit der Einstellung jQuery.fx.off ein und aus. Bei deaktivierter Animation erscheint und verschwindet unser Rechteck einfach, ohne Effekte:

<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');
});

Siehe auch

Methode animate,
die Eigenschaften von Elementen animiert