jQuery.fx.offプロパティと使い方の詳しい説明

jQuery.fx.offプロパティは、すべてのアニメーションをグローバルに無効にするかどうかを設定または返すために使用されます。

このプロパティに値が設定されていない場合は、アニメーション効果がグローバルに無効になっているかどうかを示すブール値が返されます。

このプロパティが true に設定されている場合、すべてのアニメーションがグローバルに無効になります。実行中のすべてのアニメーション キューは影響を受けません。まだ実行されていないアニメーション キューは、実行されるとすぐに完了し、アニメーション効果は発生しません。

このプロパティが false に設定されている場合、アニメーション効果はグローバルに有効になります。

次の状況が発生した場合は、アニメーション効果を無効にすることができます。

あなたは、より低い構成のコンピューターで jQuery を使用しています。

アニメーション効果により、一部のユーザーにアクセシビリティの問題が発生している可能性があります。

このプロパティは、グローバル jQuery オブジェクトに属します (static プロパティとしても理解できます)。

Syntax

jQuery 1.3 では、この静的属性が追加されています。

jQuery.fx.off

戻り値

jQuery.fx.off プロパティの戻り値はブール型で、アニメーション効果がグローバルに無効になっているかどうかを示すブール値を返します。無効な場合は true、無効な場合は false を返します。

デフォルトでは、このプロパティの戻り値は false です。

例と説明

次の HTML サンプル コードを参照してください:

< input id="switch" type="button" value="アニメーション効果を無効にする" />

背景色: #eee;" >CodePlayer

jQuery.fx.off プロパティに関連する jQuery のサンプル コードは次のとおりです:

$("#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 = "启用动画效果";
    }
} );

以上がjQuery.fx.offプロパティと使い方の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。