Propriedade jQuery.fx.off
A propriedade jQuery.fx.off permite
desativar globalmente a animação. Ao definir
esta propriedade como true, todos
os métodos de animação definirão os
elementos em seu estado final, sem mostrar
efeitos. Para cancelar esta configuração,
defina esta propriedade de volta para false.
Exemplo
Suponha que temos um retângulo verde,
iniciaremos a animação ao clicar no botão
#start usando o método
toggle,
e com o botão #toggle vamos ligar
e desligar a animação usando a configuração
jQuery.fx.off. Com a animação desligada, nosso
retângulo simplesmente aparecerá e desaparecerá sem
quaisquer efeitos:
<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');
});
Veja também
-
método
animate,
que anima propriedades dos elementos