2013-04-02 46 views
-1

jsfiddle example found on wwwjquery如何知道是什麼

jquery如何知道是什麼?

$('#myDiv').animate({ textIndent: 0 }, { 
    step: function(go) { 
     $(this).css('-moz-transform','rotateY('+go+'deg)'); 
     $(this).css('-webkit-transform','rotateY('+go+'deg)'); 
     $(this).css('-o-transform','rotateY('+go+'deg)'); 
     $(this).css('transform','rotateY('+go+'deg)'); 
    }, 
    duration: 1000, 
    complete: function(){ alert('done') } 
}); 
+0

http://api.jquery.com/animate/ – j08691

+0

了'step'回調的第一個參數是在每個步驟中的動畫屬性的數值。由於jQuery正在進行計算,因此jQuery在調用發送給「step」選項的回調函數時可以使用該值。 –

+0

「go」標籤用於Go編程語言。 – peterSO

回答

0

go只是函數參數的名稱。根據jQuery documentation

階躍函數

.animate()第二個版本提供一個step選項 - 這是在動畫的每個步驟中燒製的回調函數 。此功能爲 ,對於啓用自定義動畫類型或在發生動畫時更改動畫 非常有用。它接受兩個參數(nowfx),並且這是 設置爲正在動畫的DOM元素。

  • now:屬性的數值在每一步進行動畫
  • FX: 到jQuery.fx原型對象,其中所包含的屬性的數 如elem爲動畫元素,start的引用,並end爲 分別爲動畫屬性的第一個和最後一個值,以及 prop屬性爲動畫。

所以go只是這個功能的爲now參數名稱。

+0

動畫元素的變量數組,它將最後一個變量用於go函數。 – wetlip

+0

everone告訴去由jquery計算,但將它作爲一個變量傳遞給函數意味着它可以被編碼器 – wetlip

+0

@wetlip影響我很抱歉,但我不能告訴你在問什麼。 –

0

「步驟」 是一個特定的動畫選項。 「step」的參數之一是元素當前在其動畫中的值。

當你在jQuery中設置動畫時,它在起點和終點之間步進。中間的位由jQuery制定並傳遞。

因此它知道「去」是什麼,因爲它只是一個由動畫功能創建的數字。

0

此動畫使用正方形上的textIndent屬性來圍繞y軸旋轉正方形。

textIndent屬性在CSS定義的180px啓動和動畫設置將textIndent值減少對0。在從180減少到0的每個步驟中,將該值傳遞給參數的參數。這個值然後被用來使用CSS變換來圍繞y軸旋轉正方形。

0

jQuery step選項允許您定義一個回調函數,該函數需要兩個參數並在動畫的每個「步驟」上調用。您已將回調函數定義爲僅採用一個參數(您已命名爲go),並且忽略了第二個參數。您創建的回調函數稱爲,您可以根據需要命名參數。

你可以閱讀更多關於它在這裏:.animate()