H5下拉刷新上拉加载更多

插件特效

2026-07-26 00:37 4 次浏览 • 0 次下载 13.6KB

插件描述：H5下拉刷新上拉加载更多，不卡顿，无依赖

使用方法

1）在页面上添加两个元素

<div id="demo">
    <div style="text-align:center">正在加载中...</div>
</div>
<div class="x-pullfresh-more">加载更多</div>

2 ) 加载数据方法

pullrefresh.doRefresh({
    debug: true, // 模拟真实请求数据，否则会出现ajax跨域，正式使用中请去h5.js中删除debug代码   
    url: './list.json', // 必填，ajax加载数据请求的地址   
    data: {
        size: 20
    }, // 非必填，ajax请求数据的参数，如果启用了缓存，将影响浏览器的缓存数据  
    dataType: "json", // 非必填，ajax请求返回的数据类型  
    container: '#demo', // 非必填，用于计算document.body.scrollTop等于多少时自动加载更多数据   
    cache: 'test', // 非必填，如果不想让浏览器缓存请写false，否则请写唯一的标记，具体请观察sessionStorage   
    success: function(list, page, size) {
        // ajax请求成功后服务端返回来的数据        
        // 在此处理服务器返回的数据，绑定到demo元素中       
        return true; // 返回true表示还有更多数据;返回false表示没有更多数据了我通常写
        return list.length >= size
    }
});