jQuery模拟原生态App上拉刷新下拉加载效果代码

以下任意均可：

 

1. jQuery模拟原生态App上拉刷新下拉加载效果代码，鼠标上拉时会显示loading字样，并且会模拟加载一条静态数据，支持触屏设备使用。

原文：http://www.sucaijiayuan.com/Js/other/1055.html

下载：jQuery模拟原生态App上拉刷新下拉加载效果代码

 

 

2.  jquery iscroll上拉 下拉加载内容

原文：http://www.kuitao8.com/20150113/3462.shtml

下载：jquery-iscroll

 

 

3. 移动端下拉刷新、上拉加载更多 Zepto/jQuery插件

GitHub地址：https://github.com/ximan/dropload

使用方法

Js代码  

1. $('.element').dropload({  
2.     loadUpFn : function(me){  
3.         $.ajax({  
4.             type: 'GET',  
5.             url: 'json/update.json',  
6.             dataType: 'json',  
7.             success: function(data){  
8.                 alert(data);  
9.                 // 代码执行后必须重置  
10.                 me.resetload();  
11.             },  
12.             error: function(xhr, type){  
13.                 alert('Ajax error!');  
14.                 me.resetload();  
15.             }  
16.         });  
17.     },  
18.     loadDownFn : function(me){  
19.         $.ajax({  
20.             type: 'GET',  
21.             url: 'json/more.json',  
22.             dataType: 'json',  
23.             success: function(data){  
24.                 alert(data);  
25.                 // 代码执行后必须重置  
26.                 me.resetload();  
27.             },  
28.             error: function(xhr, type){  
29.                 alert('Ajax error!');  
30.                 me.resetload();  
31.             }  
32.         });  
33.     }  
34. });  

 

下载：dropload-gh-pages

 

justcode.ikeepstudying.com