La propiedad jQuery.fx.off en jQuery se usa para deshabilitar/habilitar globalmente todas las animaciones. Su valor predeterminado es falso, que se utiliza para permitir que la animación se ejecute con normalidad.
Sintaxis:
jQuery.fx.off = true|false;
Parámetro: Este evento acepta dos parámetros como se mencionó anteriormente y se describe a continuación:
- true: se usa para especificar que las animaciones deben estar deshabilitadas.
- falso: se usa para especificar que las animaciones deben estar habilitadas.
Ejemplo: este ejemplo usa la propiedad jQuery.fx.off para deshabilitar la animación.
<!DOCTYPE html>
<html>
<head>
<title>
jQuery jQuery.fx.off property
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<style>
.box {
background:green;
height:100px;
width:100px;
margin:50px;
}
</style>
</head>
<body>
<center>
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h2> jQuery.jQuery.fx.off property</h2>
<button id="disable">
jQuery.fx.off = true ( Disable )
</button>
<br><br>
<button id="toggle">
Toggle animation
</button>
<div class="box"></div>
<!-- Script to use jQuery.fx.off property -->
<script>
$(document).ready(function() {
$("#disable").click(function() {
jQuery.fx.off = true;
});
$("#toggle").click(function() {
$("div").toggle("slow");
});
});
</script>
</center>
</body>
</html>
Salida:
Antes de hacer clic en el botón de desactivación: 
Después de hacer clic en el botón de desactivación:
Ejemplo 2: este ejemplo usa la propiedad jQuery.fx.off para deshabilitar y habilitar la animación.
<!DOCTYPE html>
<html>
<head>
<title>
jQuery.jQuery.fx.off property
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<style>
.box {
background:green;
height:100px;
width:100px;
margin:50px;
}
</style>
</head>
<body>
<center>
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h2>jQuery.jQuery.fx.off property</h2>
<button id="disable">
jQuery.fx.off = true ( Disable )
</button>
<button id="enable">
jQuery.fx.off = false ( Enable )
</button>
<br><br>
<button id="toggle">
Toggle animation
</button>
<div class="box"></div>
<!-- Script to use jQuery.fx.off property -->
<script>
$(document).ready(function(){
$("#disable").click(function(){
jQuery.fx.off = true;
});
$("#enable").click(function(){
jQuery.fx.off = false;
});
$("#toggle").click(function(){
$("div").toggle("slow");
});
});
</script>
</center>
</body>
</html>
Salida:
Uso de los botones Deshabilitar y Habilitar:
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA