網上搜索jquery animate基本上都是簡單的說明。
直接說兩種用法的回調函數(本例中我所使用的版本爲:jquery-1.11.3.min.js):
第一種:
(selector).animate({styles},speed,easing,callback)
//第一種的回調函數沒有什麼好說直接調用即可
第二種:
(selector).animate({styles},{options})
第二種,大部分網上資料給的是如下內容,並沒有具體的解釋這也導致我自己使用時被卡了半天:
然而我試了多次第二種寫法
$(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動畫的出現……