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:

e388a4556c0f65e1904146cc1a846bee

ef08c98b9b65574ba27d849933e42e44

11bcfca7e08f7d9e86269904323dc1c5

0cba36f12cf561cef14ffa62bcdafa2c

e263921227c0fbeb679433b60527c8e0CodePlayer16b28748ea4df4d9c2150843fecfba68

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!