jQuery Mobile是一款基于jQuery庫的移動Web應(yīng)用程序框架。它使用HTML5和CSS3技術(shù)構(gòu)建移動Web應(yīng)用程序。其中一個特性就是通過翻頁來實現(xiàn)內(nèi)容的切換。下面我們來看一下如何在jQuery Mobile中實現(xiàn)翻頁功能。

//引入jquery mobile庫
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
//生成翻頁容器
<div data-role="page" id="page1">
<div data-role="header">
<h1>頁面一</h1>
</div>
<div data-role="content">
<p>內(nèi)容一</p>
<a href="#page2" data-transition="flip">下一頁</a>
</div>
</div>
<div data-role="page" id="page2">
<div data-role="header">
<h1>頁面二</h1>
</div>
<div data-role="content">
<p>內(nèi)容二</p>
<a href="#page1" data-transition="flip">上一頁</a>
</div>
</div>

上面的代碼中，我們創(chuàng)建了兩個包含頁面頭和頁面內(nèi)容的頁面，第一個頁面包含了一個指向第二個頁面的鏈接，第二個頁面則包含了一個指向第一個頁面的鏈接。這個鏈接通過href屬性指向目標(biāo)頁面的id，并在data-transition屬性中指定了翻頁的效果。

總的來說，通過這樣的方法，我們可以很容易地在jQuery Mobile中實現(xiàn)頁面之間的翻頁功能。