JQUERY MOBILE網頁導向

周季賢

同一網頁中 Page 導向 使用 ID 來指定 預設使用 AJAX 導向 可搭配轉換動畫

Transition 屬性slide | slideup | slidedown | pop | fade | flip

<a href="#Page2" data-transition="flip">

回上一 Page

直接使用超連結<a href="#Page1">back to Page1</a>會以下一頁的方式導向

使用 data-rel=“back” 標籤<a data-rel="back">Back to Page1</a>會以上ㄧ頁導向的方式導向回去

使用 data-direction="reverse“<a href="#Page1" data-direction="reverse">

Back to Page1(reverse)</a> 直接使用單純的反導向

導向至其他網頁 預設使用 AJAX 導向 也可搭配轉換動畫 可關閉 AJAX

rel="external“data-ajax="false“

導向至他站網頁時 ,AJAX 功能亦關閉

網頁預先載入 可預先載入下一張網頁至記憶體中 提升瀏覽速度 加入 data-prefetch 標籤

以彈跳視窗呈現導向內容 Page 或其他網頁均可 會自動產生關閉按鈕

( 右上方 ) 僅限同一網站 data-rel="dialog“

其他特殊導向內容 Email 導向

href=mailto:aaa@msn.comhref="mailto:jdoe@foo.com?

cc=bill@bar.com&bcc=mark@abc.com&subject=TestJQUERY%20Birthday&body=Hello JQUERY!"

電話號碼導向href="tel:15555555555"href="tel:0222222222,123" 可撥打分機