<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile: Pages within Pages</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
</head>
<body>
<div data-role="page" id="home">
<div data-role="header"><h1>Home</h1></div>
<div data-role="content"><p><a href="#about" data-transition="flip">About this app</a></p></div>
</div>
<div data-role="page" id="about">
<div data-role="header"><h1>About This App</h1></div>
<div data-role="content"><p>This app rocks!<a data-role="button" href="#home" >Go home</a></p></div>
</div>
</body>
<!--讓鏈接以按鈕方式呈現data-role="button"
切換頁面時的效果data-transition="flip"
定義頁面data-role="page"(一個html可以定義多個頁面)，用id加錨點來跳轉
-->
</html>
JQuery Mobile實例
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
jquerymobile圖表插件支持
很久沒寫博客了，終於有點時間來分享點東西。 最近在做一個移動設備上的產品，之中用到圖表，在移動設備上用的，所以要儘量小巧，還要做觸摸支持。 我們選用了jqflot然後我自己寫了觸摸支持，下面