1、在JQuery Mobile中,多個頁面的切換是透過元素、並將屬性設定為# 對應的id號的方式進行的。
2、多頁切換範例程式碼:
3、效果圖預覽
:
點擊詳細頁將切換到另一頁:
4、除了內鏈接外
,還有外鏈接,實現方法與內鏈接相同,只是在中增加了另外一個rel屬性,並將該屬性值設為external表示外鏈,如:
詳細頁
5、動畫效果切換頁
,只需在
中加入data-transition屬性,如:
詳細頁 //以彈出的效果打開頁面
slide:從右到左滑動的動畫效果
pop:以彈出的效果開啟頁面
slideup:向上滑動的動畫效果
slidedown:向下滑動的動畫效果
fade:漸變褪色的效果
flip:飛入的效果