MUI上拉加载和下拉刷新，搞定！

最近需要做个移动端的网页，功能都已经完善，显示好友列表，这里重点在于下拉刷新和上拉加载!

1,废话不多说，先看看效果

2，关键代码， 解决问题

 <!--下拉，上拉容器-->
<div id="refreshContainer" class="mui-scroll-wrapper" style="margin-top:40px;">
     <div class="mui-scroll">
        <!--数据列表-->
         <ul class="mui-table-view" style="margin-top :0;" id="zhihu"></ul>
       </div>
 </div>

<script type="text/javascript">
      
//列表上下滑动带有弹力的效果
    (function (mui) {
            mui(".mui-scroll-wrapper").scroll({
                bounce: true,//滚动条是否有弹力默认是true
                indicators: true, //是否显示滚动条,默认是true
            });
        })(mui);

//基本配置
 mui.init({
            
            pullRefresh: {
                container: "#refreshContainer",
                down: {
                    contentdown: "下拉可以刷新",
                    contentover: "释放立即刷新",
                    contentrefresh: "正在刷新...",
                    contentmore: '刷新完成',
                    auto: false,
                    callback: pullfresh  //下拉刷新（回调）
                },
                up: {
                    contentrefresh: '正在加载...',
                    contentnomore: '没有更多数据了',
                    callback: pulluploading //上拉加载下一页，（回调）
                }
            }
        })

  //下拉刷新
        function pullfresh() {
            
            setTimeout(function () {

                //这里执行你的数据加载

                mui('#refreshContainer').pullRefresh().endPulldownToRefresh(); //refresh completed 
            }, 1500); 
            
           // setTimeout 为什么要使用这个，因为mui没执行的过程，我们补一个
        }


        //加载更多
        function pulluploading() {
            //根据自己的业务逻辑去写，
            //countpage 总页码
            //curpage  当前页码
            if (countpage == curpage) {
                this.endPullupToRefresh(true);//结束加载更多
            }
            else if (curpage < countpage) {
              
               // curpage += 1;
              //   loadlist(JSON.parse(getCookie("info")).Uid);
                  
                this.endPullupToRefresh(false); //加载更多开启，简单来说就是可以继续下拉
            }
        }

</script>

到这里就实现了，很简单，还有很多效果，如果有需要也可以给我留言，我将补上，，