Explication détaillée de la propriété et de l'utilisation de jQuery.fx.off

La propriété

jQuery.fx.off est utilisée pour définir ou indiquer s'il faut désactiver globalement toutes les animations.

Si aucune valeur n'est définie pour cette propriété, renvoie une valeur booléenne indiquant si l'effet d'animation est globalement désactivé.

Si cette propriété est définie sur true, toutes les animations seront désactivées globalement. Toutes les files d’attente d’animation en cours d’exécution ne seront pas affectées. Toute file d'attente d'animation qui n'a pas encore été exécutée sera complétée dès son exécution, sans aucun effet d'animation.

Si cette propriété est définie sur false, l'effet d'animation sera activé globalement.

Vous pouvez désactiver les effets d'animation lorsque vous rencontrez les situations suivantes.

Vous utilisez jQuery sur un ordinateur avec une faible configuration.

Certains utilisateurs peuvent rencontrer des problèmes d'accessibilité en raison des effets d'animation.

Cette propriété appartient à l'objet jQuery global (peut également être comprise comme propriété statique ).

Syntaxe

jQuery 1.3 a ajouté cet attribut statique.

jQuery.fx.off

Valeur de retour

La valeur de retour de la propriété jQuery.fx.off est de type booléen, renvoyant un booléen indiquant si l'effet d'animation est valeur globalement désactivée. Renvoie vrai si désactivé, faux sinon.

Par défaut, la valeur de retour de cette propriété est fausse.

Exemple et description

Veuillez vous référer à l'exemple de code HTML suivant :

e388a4556c0f65e1904146cc1a846bee

98b371a9f244251313323eeedbf29fdc

c9d24ed7f0418beb264b2295a10ce26d

0cba36f12cf561cef14ffa62bcdafa2c

d4e7608ec21bf99c21279e901c95e4cfCodePlayer16b28748ea4df4d9c2150843fecfba68

L'exemple de code jQuery lié à la propriété jQuery.fx.off est le suivant :

$("#exec").click( function(){
    var $myDiv = $("#myDiv");
    // 在现有高度的基础上增加300px (如果原来是100px，增加后就是400px)
    $myDiv.animate( { height: "+=300px" }, 2000 ); 
    $myDiv.animate( { width: "50%" }, 1000 );       
    $myDiv.animate( { width: "200px", height: "100px" }, 1000 );        
} );
$("#switch").click( function(){
    // 使用jQuery.fx.off或$.fx.off均可(如果变量$是jQuery在使用的话)
    if( $.fx.off ){
        jQuery.fx.off = false; // 启用动画效果
        this.value = "禁用动画效果";
    }else{
        $.fx.off = true; // 禁用动画效果
        this.value = "启用动画效果";
    }
} );

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!