jQuery動畫無法在iPhone上工作

Question

我在客戶端的vCard網站上使用jQuery - http://chrismward.com/beta - 在頁面之間切換。

這一切都在電腦上很好，但是當我嘗試在我的iPhone上：沒有骰子。

我使用jQuery 4.0，這裏是唯一的js文件我使用的網站上（不是jQuery的其他從谷歌CDN） - http://chrismward.com/beta/resource/js/main.js

如果有人能幫助我，我會非常感謝它。

感謝， -Giles

Answer 1

常規JavaScript動畫（使用setTimeout/setInterval）不會在移動Safari瀏覽器很好地工作;你需要使用CSS動畫來獲得體面的結果。您可能想嘗試使用jQTouch（使用CSS動畫）創建iPhone優化版本的網站。

Answer 2

他們似乎在iPhone模擬器中正常工作。這意味着，如果他們在iPhone上速度太慢，他們就太慢了。使用像史蒂夫哈里森建議的CSS動畫。您可能需要-webkit-transition屬性。這裏有一個example你可以試試。