Proprietatea jQuery.fx.off

Proprietatea jQuery.fx.off permite dezactivarea globală a animației. Când această proprietate este setată la true, toate metodele de animație vor seta elementele în starea lor finală, fără a afișa efecte. Pentru a anula această setare, setați această proprietate înapoi la false.

Exemplu

Să presupunem că avem un dreptunghi verde, vom porni animația prin click pe butonul #start folosind metoda toggle, iar cu butonul #toggle vom activa și dezactiva animația folosind setarea jQuery.fx.off. Când animația este dezactivată, dreptunghiul nostru va apărea și dispărea pur și simplu, fără efecte:

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

Vedeți și