引入

dropload.css

dropload.min.js

1、只对一个区块进行下拉刷新的操作

js内容:

$(function() {   // 页数   var page = 0;   // 每页展示10个   var size = 10;   // dropload   $('#wrapper').dropload({      scrollArea: window,      domUp: {         domClass: 'dropload-down',         domRefresh: '
    
     ↑上拉加载更多
    
',         domLoad: '
    
     加载中...
    
',         domNoData: '
    
     暂无数据
    
'      },      loadUpFn: function (me) {         if (consultationid == 0) {            return false;//发送ajax请求的条件不存在         }         getContent(2);//处理业务逻辑         setTimeout(function () {            // 每次数据加载完，必须重置            me.resetload();         }, 350);      },//        threshold : 50   });      }});

function getContent(type){   if(consultationid == 0 || confirm_flag) {      return false;   }   confirm_flag = true;   var url = '/user/consultation/getContent';   $.post(url,{consultationid:consultationid,doctorid:doctorid,last_time:last_time,new_time:new_time,type:type},function(data){      if(data.errcode == 0){         var msg_data = data.data         var length = msg_data.length;         var html = '';         var user_img_show = '
    
     
    
';         var doctor_img_show = '
    
     
    
';         if(length>0){            for(var i=0;i
    
     ';               }               switch(msg_data[i].msg_type){                  case '1':                     if(msg_data[i].msg_from == 1){                        html += '
     
      '+user_img_show;                     }else if(msg_data[i].msg_from == 2){                        html += '
      
       '+doctor_img_show;                     }                     html += '
       '+msg_data[i].msg_content+'
      
';                     break;                  case '2':                     if(msg_data[i].msg_from == 1){                        html += '
      
       +user_img_show';                     }else if(msg_data[i].msg_from == 2){                        html += '
       
        +doctor_img_show';                     }                     html += '
        
       
';                     break;               }            }            if(type == 1){               $('#content').append(html);               new_time = msg_data[length-1].msg_time;               if(last_time == 0){                  last_time = msg_data[0].msg_time;               }            }else if(type == 2){               $('#content').prepend(html);               last_time = msg_data[0].msg_time;            }         }      }      confirm_flag = false;   })}
      
     
    

2、多个区别进行下拉刷新

var page_num = new Array(10);page_num[1] = 0;page_num[2] = 0;page_num[3] = 0;page_num[5] = 0;page_num[6] = 0;page_num[7] = 0;page_num[8] = 0;page_num[9] = 0;page_num[11] = 0;page_num[12] = 0;var flag = new Array(10);flag[1] = false;flag[2] = false;flag[3] = false;flag[5] = false;flag[6] = false;flag[7] = false;flag[8] = false;flag[9] = false;flag[11] = false;flag[12] = false;

$(function(){   $(".press").show().siblings('.schedule').hide();   // dropload   var dropload = $('.history').dropload({      scrollArea : window,      autoLoad : true,      domDown : {         domClass   : 'dropload-down',         domRefresh : '
    
     ↑上拉加载更多
    
',         domLoad    : '
    
     加载中...
    
',         domNoData  : '
    
     全部数据已加载完毕
    
'      },      loadDownFn : function(me){         getHistoryRecord();         if(flag[up_type] == true){            me.lock();            me.noData();         }         setTimeout(function(){            // 每次数据加载完，必须重置            me.resetload();         },400);      },      error:function(xhr,type) {         console.log('error');         me.resetload();      }   });   $('.health ul li').on('click',function() {      var type = $(this).attr('type');      if(userid == '' || type == up_type) {         return false;      }      up_type = type;      //showChart();      $(".schedule[type="+up_type+"]").show().siblings('.schedule').hide();      if(up_type == 11) {         $('.chart').hide();      }else {         $("#main" + up_type).show().siblings('.chart').hide();      }      if(!flag[up_type]) {         dropload.unlock();         dropload.noData(false);      }else {         dropload.lock('down');         dropload.noData();      }      dropload.resetload();      getHistoryRecord();   });});function getHistoryRecord(){      if(confirm_flag) {         return false;      }   if(up_type == 0) {      up_type = 1;   }   var url = '/user/health/showHistory';      confirm_flag = true;   $.post(url,{type:up_type,userid:userid,page_num:page_num[up_type]},function(data){         confirm_flag = false;      if(data.errcode != 0){         flag[up_type] = true;      }else{         var historyRecord = data.data;         $(".schedule[type="+up_type+"] tbody").append(historyRecord);         if(data.noData){            flag[up_type] = true;         }         page_num[up_type] = page_num[up_type]+1;      }   });}