上拉加载下拉刷新refresher v2.0

所属分类：UI,媒体-加载,滚动

51510 426 查看评论 (22)

分享到微信朋友圈

查看演示立即下载

插件描述：上拉加载下拉刷新第二个版本，修复了第一个版本的几个bug，现在支持一个页面多个调用。

1.首先引用必须的文件

<link rel="stylesheet" href="pullToRefresh.css"/>

<script src="pullToRefresh.js"></script>
<script src="colorful.js"></script>

2.加入需要的html，结构如下

<div id="wrapper">
  <ul>
    <li>row 10</li>
    <li>row 9</li>
    <li>row 8</li>
    <li>row 7</li>
    <li>row 6</li>
    <li>row 5</li>
    <li>row 4</li>
    <li>row 3</li>
    <li>row 2</li>
    <li>row 1</li>
  </ul>
</div>

3.初始化插件

refresher.init({
    id:"wrapper",
    pullDownAction:Refresh,                                                            
    pullUpAction:Load                                                                             
    });    
    function Refresh() {       
    // <-- Simulate network congestion, remove setTimeout from production!
        wrapper.refresh();/****remember to refresh after  action completed！ --example-yourId.refresh(); ----| ****/
    } 
    
    function Load() {
    // <-- Simulate network congestion, remove setTimeout from production!
    wrapper.refresh();/****remember to refresh after action completed！！！   -example--yourId.refresh(); --- ****/
    }

jquery.touchSwipe 手机上下滑屏特效代码

jquery分页修改版（原创）