1)在页面上添加两个元素
1 2 3 4 | < div id = "demo" > < div style = "text-align:center" >正在加载中...</ div > </ div > < div class = "x-pullfresh-more" >加载更多</ div > |
2 ) 加载数据方法
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | 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 } }); |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com