在jQuery Weui中，滚动加载多次可以通过以下几种方式实现：

1. 使用jQuery scroll() 方法：

```javascript $(window).scroll(function() { // 如果窗口滚动了指定距离，加载更多数据 if ($(window).scrollTop() > 100) { // 假设我们有一个数据数组，包含需要加载的数据项 var data = [ { name: 'Item 1', content: 'Item 1 content', num: 1 }, { name: 'Item 2', content: 'Item 2 content', num: 2 }, // ... ];

    // 使用Promise或async/await处理数据加载，例如以下代码
    $.ajax({
        url: 'data.json',
        method: 'GET',
        data: {
            data: data
        },
        success: function(response) {
            // 如果数据成功加载，更新页面内容
            $('#content').html(response.data);
        },
        error: function(xhr, status, error) {
            // 如果数据加载失败，显示错误信息
            console.error('加载数据失败：', error);
        }
    });
}

}); ```

在这个例子中，我们首先通过scroll()方法获取窗口滚动的距离，然后检查是否大于100像素。如果满足条件，我们使用jQuery的ajax()方法发送一个GET请求到数据文件的URL，请求的数据为一个包含数据项的数组。数据请求成功后，我们使用success回调函数将数据存储在页面的data元素中，并更新页面的content元素以显示这些数据。

1. 使用jQuery scroll() 方法和onscroll()事件：

```javascript $(window).on('scroll', function() { // 如果窗口滚动了指定距离，加载更多数据 if ($(window).scrollTop() > 100) { // 假设我们有一个数据数组，包含需要加载的数据项 var data = [ { name: 'Item 1', content: 'Item 1 content', num: 1 }, { name: 'Item 2', content: 'Item 2 content', num: 2 }, // ... ];

    // 使用Promise或async/await处理数据加载，例如以下代码
    $.ajax({
        url: 'data.json',
        method: 'GET',
        data: {
            data: data
        },
        success: function(response) {
            // 如果数据成功加载，更新页面内容
            $('#content').html(response.data);
        },
        error: function(xhr, status, error) {
            // 如果数据加载失败，显示错误信息
            console.error('加载数据失败：', error);
        }
    });
}

}); ```

在这个例子中，我们通过监听scroll事件获取窗口滚动的距离，然后检查是否大于100像素。如果满足条件，我们使用scroll()方法和onscroll()事件发送一个GET请求到数据文件的URL，请求的数据为一个包含数据项的数组。数据请求成功后，我们使用success回调函数将数据存储在页面的content元素中，并使用onscroll()事件在下一次滚动时调用这个函数，以处理新的数据加载。

1. 使用jQuery UI的slideUp()和slideDown()方法：

```javascript $(window).on('scroll', function() { // 如果窗口滚动了指定距离，加载更多数据 if ($(window).scrollTop() > 100) { // 假设我们有一个数据数组，包含需要加载的数据项 var data = [ { name: 'Item 1', content: 'Item 1 content', num: 1 }, { name: 'Item 2', content: 'Item 2 content', num: 2 }, // ... ];

    // 使用Promise或async/await处理数据加载，例如以下代码
    $.ajax({
        url: 'data.json',
        method: 'GET',
        data: {
            data: data
        },
        success: function(response) {
            // 如果数据成功加载，更新页面内容
            $('#content').html(response.data);
        },
        error: function(xhr, status, error) {
            // 如果数据加载失败，显示错误信息
            console.error('加载数据失败：', error);
        }
    });
}

}); ```

在这个例子中，我们使用jQuery UI的slideUp()和slideDown()方法来实现滚动加载。这些方法会在页面滚动一定距离时调用，例如在屏幕滚动100像素时调用slideUp()方法，以加载新的数据项；在屏幕滚动100像素以上时调用slideDown()方法，以加载下一页的数据项。每次调用slideUp()方法或slideDown()方法后，都会获取下一页的scrollHeight值，然后根据scrollHeight值来决定是否加载下一页的数据项。这样，每次滚动时都会根据需要加载不同的数据项，实现滚动加载多次的效果。