jquery Mobile入門—多頁面切換範例學習_jquery

1、在JQuery Mobile中，多個頁面的切換是透過元素、並將屬性設定為# 對應的id號的方式進行的。

2、多頁切換範例程式碼：

複製程式碼 程式碼🎜>

JQuery Mobile

這是首頁

詳細頁

3I工作室版權所有

JQuery Mobile

這裡是詳細頁

回首頁

3I工作室版權所有

3、效果圖預覽
：

點擊詳細頁將切換到另一頁：

4、除了內鏈接外

，還有外鏈接，實現方法與內鏈接相同，只是在中增加了另外一個rel屬性，並將該屬性值設為external表示外鏈，如：

複製程式碼 程式碼如下:

詳細頁

5、動畫效果切換頁
，只需在中加入data-transition屬性，如：

複製程式碼 程式碼如下:

詳細頁 //以彈出的效果打開頁面

slide：從右到左滑動的動畫效果

pop：以彈出的效果開啟頁面
slideup：向上滑動的動畫效果
slidedown：向下滑動的動畫效果
fade：漸變褪色的效果
flip：飛入的效果