素材8网-专注前端素材！
来源：https://www.sucai8.cn/38290.html

手机特效手下拉加载更多效果基于html5

  • 739
  • 0
  • 0


使用方法

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

  1. <div id="demo">
  2.     <div style="text-align:center">正在加载中...</div>
  3. </div>
  4. <div class="x-pullfresh-more">加载更多</div>
复制代码

2 ) 加载数据方法

  1. pullrefresh.doRefresh({
  2.     debug: true, // 模拟真实请求数据，否则会出现ajax跨域，正式使用中请去h5.js中删除debug代码   
  3.     url: './list.json', // 必填，ajax加载数据请求的地址   
  4.     data: {
  5.         size: 20
  6.     }, // 非必填，ajax请求数据的参数，如果启用了缓存，将影响浏览器的缓存数据  
  7.     dataType: "json", // 非必填，ajax请求返回的数据类型  
  8.     container: '#demo', // 非必填，用于计算document.body.scrollTop等于多少时自动加载更多数据   
  9.     cache: 'test', // 非必填，如果不想让浏览器缓存请写false，否则请写唯一的标记，具体请观察sessionStorage   
  10.     success: function(list, page, size) {
  11.         // ajax请求成功后服务端返回来的数据        
  12.         // 在此处理服务器返回的数据，绑定到demo元素中      
  13.         return true; // 返回true表示还有更多数据;返回false表示没有更多数据了我通常写
  14.         return list.length >= size
  15.     }
  16. });
复制代码
相关素材
手机特效手下拉加载更多效果基于html5
  • Sergei 刚刚下载了一个素材
  • Komorebii 刚刚下载了一个素材
  • qq游Yj6 刚刚下载了一个素材
  • 妙啊！ 刚刚下载了一个素材
  • Monday 刚刚下载了一个素材
  • qqcandyN1L 刚刚下载了一个素材
  • 现代化 刚刚下载了一个素材
  • 我是小白 刚刚下载了一个素材
  • 44444 刚刚下载了一个素材
  • WANGHAORAN 刚刚下载了一个素材
  • Xmonkey 刚刚下载了一个素材
  • NACL 刚刚下载了一个素材
  • 孟旭 刚刚下载了一个素材
  • 聂儿 刚刚下载了一个素材
  • Famiglistimo 刚刚下载了一个素材
分享者：
分享者头像
小编
热门素材推荐
HTML素材网，HTML5模板，网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2024  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题