jQuery中animate的回調函數的說明

網上搜索jquery animate基本上都是簡單的說明。

直接說兩種用法的回調函數(本例中我所使用的版本爲:jquery-1.11.3.min.js):

第一種:

(selector).animate({styles},speed,easing,callback)
//第一種的回調函數沒有什麼好說直接調用即可

 

第二種:

(selector).animate({styles},{options})

第二種,大部分網上資料給的是如下內容,並沒有具體的解釋這也導致我自己使用時被卡了半天:

styles  必需。規定產生動畫效果的一個或多個 CSS 屬性/值。 options  可選。規定動畫的額外選項。  可能的值:      speed - 設置動畫的速度     easing - 規定要使用的 easing 函數     callback - 規定動畫完成之後要執行的函數     step - 規定動畫的每一步完成之後要執行的函數     queue - 布爾值。指示是否在效果隊列中放置動畫。如果爲 false,則動畫將立即開始。     specialEasing - 來自 styles 參數的一個或多個 CSS 屬性的映射,以及它們的對應 easing 函數

然而我試了多次第二種寫法

$(xxx).animate({xxx}, {
            duration: 1000,//不知道爲何speed設置無效
            step: function () {
                xxx
            },
            callback:function () {
                xxx
            }
        }

怎麼也進不去callback函數,以爲是jquery版本問題,但最後無意間在一個網站看到一個寫法不是callback而是complete……

正確執行回調爲如下

$(xxx).animate({xxx}, {
            duration: 1000,
            step: function () {
                xxx
            },
            complete:function () {
                xxx
            }
        }

網上對於jq的資料大部分都是較老的,jq的使用率也逐漸的下降,再加上css3動畫的出現……

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章