html下拉刷新上拉加载Refresher3.0

查看演示立即下载

插件描述：依赖于iscroll，模拟app的Listview的下拉更新上拉加载效果，查看效果最好用chrome调出模拟器查看。

1.首先引用必须的文件

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

<script src="js/iscroll.js"></script>
<script src="js/pullToRefresh.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(); --- ****/
    }

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jQuery仿百度图片浏览效果
下一个特效：百度地图调用