jQuery Mobile是一個(gè)用于開發(fā)移動應(yīng)用程序的HTML5框架，它為我們提供了一系列的組件和API，以提高我們在移動端開發(fā)的效率。其中滾動加載是jQuery Mobile非常酷的特性之一，它使我們能夠動態(tài)地從服務(wù)器獲取分頁數(shù)據(jù)，以使我們的應(yīng)用程序具有無限滾動的效果。

在jQuery Mobile中，我們可以使用Scroll事件來實(shí)現(xiàn)滾動加載，首先需要在頁面加載完成后使用$(document).ready()來綁定Scroll事件。

$(document).ready(function() {
$(window).scroll(function() {
//TODO something
});
});

然后我們需要在Scroll事件中編寫JavaScript代碼，以檢查用戶是否已經(jīng)滑動到頁面底部。如果用戶已經(jīng)滑動到底部，則我們可以使用AJAX從服務(wù)器獲取分頁數(shù)據(jù)。當(dāng)AJAX請求成功之后，我們需要將數(shù)據(jù)添加到頁面上。下面是代碼示例：

$(document).ready(function() {
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
$.ajax({
url: 'data/getData.php?page=' + pageCount,
success: function(data) {
$('#list').append(data);
pageCount++;
}
});
}
});
});

在這個(gè)示例中，我們使用了一個(gè)名為pageCount的變量來記錄當(dāng)前加載的頁面。每次加載成功后，我們都會將pageCount加1，并再次向服務(wù)器發(fā)送請求以獲取下一頁數(shù)據(jù)。

最后，我們需要在頁面底部放置一個(gè)正在加載的提示，以告訴用戶應(yīng)用程序正在加載更多的數(shù)據(jù)。下面是一個(gè)簡單的代碼示例：

<div id="loading" style="display:none;">加載中...
在這個(gè)示例中，我們在頁面底部添加了一個(gè)名為loading的div，并將其初始樣式設(shè)置為display:none;。當(dāng)滾動事件觸發(fā)時(shí)，我們將其顯示出來，并在AJAX請求成功后再次將其隱藏。
以上就是jQuery Mobile滾動加載的基本用法，希望能對你有所幫助！