博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
下拉刷新
阅读量:5275 次
发布时间:2019-06-14

本文共 1412 字,大约阅读时间需要 4 分钟。

下拉刷新

    第一:

 

1
2
3
4
5
6
7
8
9
mui.init({
        
pullRefresh: {
            
container:
'#pullrefresh'
,
            
up: {
                
contentrefresh:
'正在加载...'
,
                
callback: pullupRefresh
            
}
        
}
    
});

 

  

 

    第二:

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
var
i = 0;
var
count = 0;
var
number = 1;
function
pullupRefresh(){
    
setTimeout(
function
(){     
        
$(
function
(){
            
var
json = {};
            
json.competitionID = CompetitionID;
            
json.fightTypeID = fightTypeID;
            
json.action =
'getFightType'
;
            
$.post(
'http://192.168.3.12:11000/api/Competition'
, json,
function
(e){
                
var
obj = eval(
"("
+ e +
")"
);
                
var
data = obj.data[0].v_teamfight;
                
if
(number > data.length){
                    
number = data.length;
                
}
                
var
counts = parseInt(data.length/2)+1;   
//定义上拉次数
                
mui(
'#pullrefresh'
).pullRefresh().endPullupToRefresh((++count >counts));
//判定是否拖动
                
for
(i; i < number; i++){
                    
var
str =
''
;
                                            
str +=
"<span>"
+ data[i].TeamAName +
"</span>"
;
//A队名称
                    
str +=
"</div><div>vs</div><div>"
;
                    
str +=
"<img src='../../img/hwq/gold.png'/>"
;
//B队logo路径(暂无)
                    
str +=
"<span>"
+ data[i].TeamBName +
"</span>"
;
//B队名称
                                            
$(
"#content"
).append(str);
                                     
}
                                 
number+=1;
            
});
        
});
    
},100);
}

    第三:

 

1
2
3
4
5
6
7
8
9
10
11
12
if
(mui.os.plus){
        
mui.plusReady(
function
(){
            
setTimeout(
function
(){
                
mui(
'#pullrefresh'
).pullRefresh().pullupLoading();
            
},10);
        
});
    
}
    
else
{
        
mui.ready(
function
() {
            
mui(
'#pullrefresh'
).pullRefresh().pullupLoading();
        
});
    
}

转载于:https://www.cnblogs.com/zzc134680/p/5797740.html

你可能感兴趣的文章
css & input type & search icon
查看>>
C# 强制关闭当前程序进程(完全Kill掉不留痕迹)
查看>>
ssm框架之将数据库的数据导入导出为excel文件
查看>>
语音识别中的MFCC的提取原理和MATLAB实现
查看>>
0320-学习进度条
查看>>
MetaWeblog API Test
查看>>
移动、尺寸改变
查看>>
c# 文件笔记
查看>>
类和结构
查看>>
typeset shell 用法
查看>>
python 之 循环语句
查看>>
心得25--JDK新特性9-泛型1-加深介绍
查看>>
[转]ceph网络通信模块_以monitor模块为例
查看>>
HDOJ 1754 I Hate It(线段树基本操作)
查看>>
latex tree
查看>>
安装NVIDIA驱动时禁用自带nouveau驱动
查看>>
HDU-1255 覆盖的面积 (扫描线)
查看>>
【USACO】 奶牛会展
查看>>
继承和多态
查看>>
Dijkstra+计算几何 POJ 2502 Subway
查看>>