jquery mobile 鏈接

內部鏈接

<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>


發佈了73 篇原創文章 · 獲贊 1 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章