像動畫一樣更改jQuery手機頁面？

Question

可以更改位置欄中的URL並使用jQuery移動框架中的動畫加載新頁面。

怎麼樣？

Answer 1

是的，這是可能的：任何可以用jQuery移動（或任何其他JavaScript庫/框架）完成的事情也可以使用vanilla Javascript完成。既然你沒有提供任何源代碼，我想你應該知道如何做到這一點（如果你提供了你已經試過的代碼，堆棧溢出用戶通常會更積極地提供幫助）。

假設你要至少使用jQuery的（或其他JS框架）：

• 負載使用jQuery.get()新頁面（你要找回它作爲「HTML」）。
• 將響應文本保存在jQuery對象中：var myPage = jQuery(MyCallResponseText)。
• 使用jQuery的功能find爲了從myPage得到一個特定的div，這是你想要顯示的內容的包裝（請注意，在myPage內部不會找到頭部而不是身體標籤）。
• 創建一個新的div myContainer，寬度和高度爲100％，位置固定，z-index爲10，並且不顯示任何值。
• 將整個myPage對象（或其內容）附加到myContainer，將div添加到當前頁面的主體並最終生成動畫。

注意有關腳本：包含在myPage任何腳本將它添加到DOM時進行評估，但在頭腳本的非會。

對於動畫，您可以使用jQuery的Animate函數。例如：將myContainer的不透明度設置爲0並顯示爲阻止，然後將不透明度從0增大到1，這樣您將獲得淡入淡出動畫。當然，也可以使用相同的動畫調用myContainer.fadeIn()。