內部鏈接
<body>
<div data-role="page" id="pageone">
<div data-role="header">
<h1>歡迎訪問我的主頁</h1>
</div>
<div data-role="content">
<p>歡迎!</p>
<a href="#pagetwo">轉到頁面二</a>
</div>
<div data-role="footer">
<h1>頁腳文本</h1>
</div>
</div>
<div data-role="page" id="pagetwo">
<div data-role="header">
<h1>我是一個對話框!</h1>
</div>
<div data-role="content">
<p>對話框與普通頁面不同,它顯示在當前頁面的頂端。它不會橫跨整個頁面寬度。對話框頁眉中的圖標 “X” 可關閉對話框。</p>
<a href="#pageone">轉到頁面一</a>
</div>
<div data-role="footer">
<h1>頁腳文本</h1>
</div>
</div>
在內部頁面之間導航時,每個向前的鏈接將在訪問歷史(一個棧)中添加一條記錄,每個後退行爲則從中移出最後一條記錄。
外部鏈接
就是將href寫成url,外部鏈接時,jquery mobile默認是使用AJAX方式請求這個文檔,解析它的內容,將對應的頁面添加到當前DOM中,再平滑地過渡到新頁面。如果我們不想使用ajax而想跳轉到一個頁面,可以使用data-ajax="false"
絕對外部鏈接
顯式定義一個絕對外部鏈接,在a標籤添加data-rel="external"
<a href="http://www.mobilexweb.com" data-rel="external">查看</a>