MUI下拉刷新

雨点打透心脏的1/2处 2022-03-16 03:56 461阅读 0赞
  1. //下拉刷新
  2. mui.init({
  3. pullRefresh : {
  4. container:"#cont",//下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等
  5. down : {
  6. style:'circle',//必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式
  7. color:'#00C0DD', //可选,默认“#2BD009” 下拉刷新控件颜色
  8. height:'50px',//可选,默认50px.下拉刷新控件的高度,
  9. range:'100px', //可选 默认100px,控件可下拉拖拽的范围
  10. offset:'0px', //可选 默认0px,下拉刷新控件的起始位置
  11. auto: true,//可选,默认false.首次加载自动上拉刷新一次
  12. callback :function(){
  13. PAGE = 1;
  14. $('#cont').html('');
  15. getmsglist(PAGE);
  16. mui('#cont').pullRefresh().endPulldown();
  17. } //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
  18. },
  19. up : {
  20. height:50,//可选.默认50.触发上拉加载拖动距离
  21. auto:true,//可选,默认false.自动上拉加载一次
  22. contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容
  23. contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;
  24. callback :function(){
  25. PAGE++;
  26. getmsglist(PAGE);
  27. this.endPullupToRefresh(false);
  28. } //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
  29. }
  30. }
  31. });

发表评论

表情:
评论列表 (有 0 条评论,461人围观)

还没有评论,来说两句吧...

相关阅读

    相关 MUI 刷新

    为实现下拉刷新功能,大多数 H5 框架都是通过 DIV 模拟下拉回弹动画,在低端 android 手机上,DIV 动画经常出现卡顿现象(特别是图文列表的情况); mui 通过使