index.htmlという最初のページがあり、「赤い果物」と「黄色い果物」の2つのリンクがあります。
次に、IDが「redFruits」、「yellowFruits」の2つのjqueryページがある「fruits.html」があります。
誰かがindex.htmlの「黄色い果物」リンクをクリックすると、fruits.htmlの2番目の「ページ」を表示する必要があります。デフォルトでは、jquerymobileは「fruits.html」の最初のページを表示します。
ajaxでフェッチされたドキュメントのランダムなページにリンクする方法についてのアイデア。
「index.html」
<div data-role="content">
<a href="fruitsList.html" data-role="button">List of red fruits</a>
<a href="fruitsList.html" data-role="button">List of yellow fruits</a>
</div>
Fruits.html
....
<div data-role="page" id="redFruits">
....
<p data-role="content">
<ul>
<li>apple 1</li>
<li>apple 2</li>
<li>apple 3</li>
</ul>
</p>
.....
</div>
<div data-role="page" id="yellowFruits">
.....
<p data-role="content">
<ul>
<li>lemon</li>
<li>papaya</li>
<li>yellow fig</li>
</ul>
</p>
.....
</div>