如何将dropload改写为支持长尾词的下拉刷新与上拉加载功能？

本文共计646个文字，预计阅读时间需要3分钟。

已完成 + 进行中 + js + $(function() { var userId=window.localStorage.getItem(userId); var itemIndex=0; var tab1LoadEnd=false; var tab2LoadEnd=false; // tab.$('.item').on('click', function() { var $this=$(this); itemIndex=点击事件处理逻辑; // });});

html

已完成 进行中 js

$(function(){ var userId=window.localStorage.getItem("userId"); var itemIndex = 0; var tab1LoadEnd = false; var tab2LoadEnd = false; // tab $('.tab .item').on('click',function(){ var $this = $(this); itemIndex = $this.index(); $this.addClass('cur').siblings('.item').removeClass('cur'); $('.lists').eq(itemIndex).show().siblings('.lists').hide(); // 如果选中菜单一 if(itemIndex == '0'){ // 如果数据没有加载完 if(!tab1LoadEnd){ // 解锁 dropload.unlock(); dropload.noData(false); }else{ // 锁定 dropload.lock('down'); dropload.noData(); } // 如果选中菜单二 }else if(itemIndex == '1'){ if(!tab2LoadEnd){ // 解锁 dropload.unlock(); dropload.noData(false); }else{ // 锁定 dropload.lock('down'); dropload.noData(); } } // 重置 dropload.resetload(); }); var counter1 = 0; var counter2 = 0; // 每页展示5个 var num = 6; var pageStart = 0,pageEnd = 0; // dropload var dropload = $('.content').dropload({ scrollArea : window, loadDownFn : function(me){ // 加载菜单一的数据 if(itemIndex == '0'){ $.ajax({ async:false, cache:false, url:'/appEnterpriseAbility/getListData', data:{'userId':userId,'status':'1','pageNum':'1','pageSize':'100000'}, type:'POST', dataType: 'json', success: function(data){ if(data.status==1){ var result = ''; counter1++; pageEnd = num * counter1; pageStart = pageEnd - num; if(pageStart <= data.page.list.length){ for(var i = pageStart; i < pageEnd; i++){ result +=" " +" " +"

"+data.page.list[i].applicationName+"

" +"

部门："+data.page.list[i].departmentName+"

" +"

创建者："+data.page.list[i].createUserName+"

" +" " +" " +"

"+data.page.list[i].createTime+"

" +" 详情" +" " +" "; if((i + 1) >= data.page.list.length){ // 数据加载完 tab1LoadEnd = true; // 锁定 me.lock(); // 无数据 me.noData(); break; } } // 为了测试，延迟1秒加载 setTimeout(function(){ $('.lists').eq(0).append(result); // 每次数据加载完，必须重置 me.resetload(); },1000); } }else{ // 数据加载完 tab1LoadEnd = true; // 锁定 me.lock(); // 无数据 me.noData(); // 为了测试，延迟1秒加载 setTimeout(function(){ $('.lists').eq(0).append(result); // 每次数据加载完，必须重置 me.resetload(); },1000); } }, error: function(xhr, type){ //alert('Ajax error!'); // 即使加载出错，也得重置 me.resetload(); } }); // 加载菜单二的数据 }else if(itemIndex == '1'){ $.ajax({ async:false, cache:false, url:'/appEnterpriseAbility/getListData', data:{'userId':userId,'status':'0','pageNum':'1','pageSize':'100000'}, type:'POST', dataType: 'json', success: function(data){ if(data.status==1){ var result = ''; counter2++; pageEnd = num * counter2; pageStart = pageEnd - num; if(pageStart <= data.page.list.length){ for(var i = pageStart; i < pageEnd; i++){ result +=" " +" " +" " +"

部门："+data.page.list[i].departmentName+"

" +"

创建者："+data.page.list[i].createUserName+"

" +" " +" " +"

"+data.page.list[i].createTime+"

" +" 详情" +" " +" "; if((i + 1) >= data.page.list.length){ // 数据加载完 tab2LoadEnd = true; // 锁定 me.lock(); // 无数据 me.noData(); break; } } // 为了测试，延迟1秒加载 setTimeout(function(){ $('.lists').eq(1).append(result); // 每次数据加载完，必须重置 me.resetload(); },1000); } }else{ // 数据加载完 tab2LoadEnd = true; // 锁定 me.lock(); // 无数据 me.noData(); // 为了测试，延迟1秒加载 setTimeout(function(){ $('.lists').eq(1).append(result); // 每次数据加载完，必须重置 me.resetload(); },1000); } }, error: function(xhr, type){ //alert('Ajax error!'); // 即使加载出错，也得重置 me.resetload(); } }); } } }); });