Detaillierte Erläuterung der Eigenschaft und Verwendung von jQuery.fx.off

Die

jQuery.fx.offEigenschaft wird verwendet, um festzulegen oder zurückzugeben, ob alle Animationen global deaktiviert werden sollen.

Wenn für diese Eigenschaft kein Wert festgelegt ist, wird ein boolescher Wert zurückgegeben, der angibt, ob der Animationseffekt global deaktiviert ist.

Wenn diese Eigenschaft auf „true“ gesetzt ist, werden alle Animationen global deaktiviert. Alle ausführenden Animationswarteschlangen sind nicht betroffen. Jede noch nicht ausgeführte Animationswarteschlange wird ohne Animationseffekt abgeschlossen, sobald sie ausgeführt wird.

Wenn diese Eigenschaft auf false gesetzt ist, wird der Animationseffekt global aktiviert.

Sie können Animationseffekte deaktivieren, wenn die folgenden Situationen auftreten.

Sie verwenden jQuery auf einem Computer mit geringer Konfiguration.

Bei einigen Benutzern kann es aufgrund der Animationseffekte zu Barrierefreiheitsproblemen kommen.

Diese Eigenschaft gehört zum globalen jQuery-Objekt (kann auch als statische -Eigenschaft verstanden werden).

Syntax

jQuery 1.3 hat dieses statische Attribut hinzugefügt.

jQuery.fx.off

Rückgabewert

Der Rückgabewert der jQuery.fx.off-Eigenschaft ist ein boolescher Typ und gibt einen booleschen Wert zurück, der angibt, ob der Animationseffekt vorhanden ist global deaktivierter Wert. Gibt true zurück, wenn deaktiviert, andernfalls false.

Standardmäßig ist der Rückgabewert dieser Eigenschaft falsch.

Beispiel und Beschreibung

Bitte beachten Sie den folgenden HTML-Beispielcode:

<p>

<input id="exec" type= "button" value="Animation ausführen" />

<input id="switch" type="button" value="Animationseffekt deaktivieren" />

</ p>

<div id="myDiv" style="width:300px; height: 100px; Hintergrundfarbe: #eee;" >CodePlayer</div>

Der jQuery-Beispielcode im Zusammenhang mit der jQuery.fx.off-Eigenschaft lautet wie folgt:

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

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Eigenschaft und Verwendung von jQuery.fx.off. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!