Egenskapen jQuery.fx.off

Egenskapen jQuery.fx.off tillater å deaktivere animasjon globalt. Ved å sette denne egenskapen til verdien true vil alle animasjonsmetoder sette elementene i deres endelige tilstand, uten visning av effekter. For å oppheve denne innstillingen, sett denne egenskapen tilbake til false.

Eksempel

Anta at vi har et grønt rektangel, vi vil starte animasjonen ved å klikke på en knapp #start ved hjelp av metoden toggle, og ved hjelp av knappen #toggle vil vi slå animasjon av og på ved hjelp av innstillingen jQuery.fx.off. Med animasjon deaktivert vil rektangelet vårt bare dukke opp og forsvinne uten noen effekter:

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

Se også