Propiedad jQuery.fx.off
La propiedad jQuery.fx.off permite
desactivar globalmente la animación. Al establecer
esta propiedad en true, todos
los métodos de animación establecerán
los elementos en su estado final, sin mostrar
efectos. Para cancelar esta configuración,
establezca esta propiedad de nuevo en false.
Ejemplo
Supongamos que tenemos un rectángulo verde,
iniciaremos la animación al hacer clic en el botón
#start usando el método
toggle,
y con el botón #toggle activaremos
y desactivaremos la animación mediante la configuración
jQuery.fx.off. Con la animación desactivada, nuestro
rectángulo simplemente aparecerá y desaparecerá sin
ningún efecto:
<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');
});
Véase también
-
método
animate,
que anima las propiedades de los elementos