JQuery Mobile是一款非常流行的移動端網頁開發框架，它可以幫助開發者快速構建漂亮、易于使用的移動端應用。其中之一的重要功能就是列表，而我們在使用列表的時候，有時候需要使用到換頁的功能，這篇文章就來介紹一下JQuery Mobile列表換頁功能的實現。

<div data-role=“page”> 
<div data-role=“header” id=“header”> 
<h1>列表換頁</h1> 
</div> 
<div data-role=“content”> 
<ul data-role=“listview” data-inset=“true”> 
<li><a href=“#”>第一項</a></li> 
<li><a href=“#”>第二項</a></li> 
<li><a href=“#”>第三項</a></li> 
...
<li><a href=“#”>第八項</a></li> 
<li> 
<a href=“#”>下一頁</a> 
</li> 
</ul> 
</div> 
<div data-role=“footer”> 
<h1>底部信息</h1> 
</div> 
</div>

我們可以看到，這段代碼中使用了data-role屬性，它是JQuery Mobile框架中的一種特殊屬性，表示元素在頁面中的角色。<div data-role=“page”>表示這是一個頁面，<div data-role=“header”>表示這是頁面的頭部，<div data-role=“content”>表示這是頁面的內容，<div data-role=“footer”>表示這是頁面的底部。<ul data-role=“listview”>表示這是一個列表。

在列表的<li>標簽中，我們設置了<a href=“#”>作為導航鏈接，其中#表示頁面內的鏈接，這樣我們就可以在所有下一頁按鈕中使用相同的鏈接了。當然，你也可以使用實際的URL鏈接，例如“#page2”。

通過以上方式來實現JQuery Mobile列表換頁功能，希望這篇文章對你有所幫助。