MUI下拉刷新

雨点打透心脏的1/2处 2022-03-16 03:56 336阅读 0赞

//下拉刷新
    mui.init({
    pullRefresh : {
        container:"#cont",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
        down : {
          style:'circle',//必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
          color:'#00C0DD', //可选，默认“#2BD009” 下拉刷新控件颜色
          height:'50px',//可选,默认50px.下拉刷新控件的高度,
          range:'100px', //可选 默认100px,控件可下拉拖拽的范围
          offset:'0px', //可选 默认0px,下拉刷新控件的起始位置
          auto: true,//可选,默认false.首次加载自动上拉刷新一次
          callback :function(){
          	PAGE = 1;
          	$('#cont').html('');
          	getmsglist(PAGE);
          	mui('#cont').pullRefresh().endPulldown();
          	
          } //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
        },
        up : {
          height:50,//可选.默认50.触发上拉加载拖动距离
          auto:true,//可选,默认false.自动上拉加载一次
          contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
          contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
          callback :function(){
          	PAGE++;
          	getmsglist(PAGE);
          	this.endPullupToRefresh(false);
          } //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
        }
    }
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，336人围观）

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

相关阅读

相关 MUI-上拉刷新和下拉刷新

上（下）拉刷新代码一 <script type="text/javascript"> mui.init({ pullRefre

浅浅的花香味﹌/ 2023年09月29日 11:53/ 0 赞/ 59 阅读

相关 mui div滚动阻止触发下拉刷新

function orderListScroll () { var _orderObj = document.querySelector('.c

「爱情、让人受尽委屈。」/ 2023年08月17日 15:55/ 0 赞/ 135 阅读

相关 MUI 下拉刷新

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

绝地灬酷狼/ 2023年07月19日 12:25/ 0 赞/ 35 阅读

相关 mui 上拉下拉

<div id="pullrefresh"> <ul class="mui-table-view" id

怼烎@/ 2022年11月21日 09:56/ 0 赞/ 228 阅读

相关下拉刷新

[http://blog.csdn.net/wwj\_748/article/details/12512885][http_blog.csdn.net_wwj_748_ar

阳光穿透心脏的1/2处/ 2022年08月07日 03:34/ 0 赞/ 273 阅读

相关 MUI实现下拉刷新和上拉加载更多

MUI实现下拉刷新和上拉加载更多 -------------------- 引入相关依赖包  <li

心已赠人/ 2022年05月08日 15:06/ 0 赞/ 345 阅读

相关 MUI下拉刷新

//下拉刷新 mui.init({ pullRefresh : { container:"cont",//下拉刷新容器标识，queryS

雨点打透心脏的1/2处/ 2022年03月16日 03:56/ 0 赞/ 337 阅读

相关 mui实现上拉刷新与下拉加载功能

引言下拉刷新与上拉加载功能可谓是现在APP开发的两个常见功能，在电脑端我们常常通过点击分页的形式来向用户展示更多内容，不过在移动端我们可不想有这些多余的点击操作，只要想

曾经终败给现在/ 2021年10月19日 03:12/ 0 赞/ 730 阅读

相关 mui下拉/上拉刷新

很久之前写的demo找了出来，不是很完善，单纯的记录一下，以后再用到了再改。 <!DOCTYPE HTML> <html> <head> <s

你的名字/ 2021年09月28日 06:46/ 0 赞/ 444 阅读

相关 mui上拉刷新下拉加载

废话不多说，直接上代码 1、容器  <div id="refreshContainer" class="mui-content m

Dear 丶/ 2021年09月15日 16:48/ 0 赞/ 479 阅读