jQuery Mobile是一款基于HTML5和CSS3的移動設備優(yōu)化框架。在移動應用中，經(jīng)常需要對列表或頁面內(nèi)容進行刷新，這時就需要用到jQuery Mobile提供的刷新按鈕。

刷新

上述代碼中，通過data-role="button"定義按鈕，data-icon="refresh"和data-iconpos="notext"分別指定按鈕圖標和文本位置。class="ui-btn-right"用于靠右對齊。

刷新按鈕的點擊事件可以通過下面的代碼實現(xiàn)：

$('#refreshBtn').on('click', function() {
// 調(diào)用數(shù)據(jù)獲取函數(shù)
getData();
});

在點擊按鈕時，調(diào)用一個名為getData()的函數(shù)，用于獲取最新數(shù)據(jù)。獲取到新數(shù)據(jù)后，可以使用jQuery Mobile提供的更新列表方法：

$('#listview').listview('refresh');

上述代碼中，通過id選擇器選中列表，然后調(diào)用listview()方法并傳入'refresh'參數(shù)，用于更新列表。刷新按鈕就完成了！