MUI的上拉加载功能实现

看起来很简单的东西，实践过程中还是出现了很多麻烦，比如上拉时，状态条跑到了顶部，因为内容没有添加到容器中，再比如下拉的回调函数使用问题，this的传递。

在这里只做记录了，代码是简单分离出来的，不能说明太多问题。有使用mui的，可以留言交流

html实现部分

<div class="list-t-wrap">    <div id="refreshContainer" class="mui-scroll-wrapper">        <div class="mui-scroll">            <div class="list-wrapper">                <!--列表一定要放到容器内,因为会有一个div append到mui-scroll中,需要在底部才能起作用-->            </div>        </div>    </div></div>

js代码的实现过程

mui.init({    pullRefresh : {        container:"#refreshContainer",//待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等        up : {            height:50,// 可选.默认50.触发上拉加载拖动距离            auto:false,// 可选,默认false.自动上拉加载一次            contentrefresh : "正在加载...",// 可选，正在加载状态时，上拉加载控件上显示的标题内容            contentnomore:'没有更多数据了',// 可选，请求完毕若没有更多数据时显示的提醒内容；            callback : function() {                var self = this; // 这里的this == mui('#refreshContainer').pullRefresh()                // 加载更多的内容                loadMore(this);            } //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；        }    }});// var loadMore = function(pullRefresh) {    // 加载更多的内容到列表中    // TODO    // 如果没有更多数据了，则关闭上拉加载    pullRefresh.endPullupToRefresh(true);    // 如果有更多数据，则继续    pullRefresh.endPullupToRefresh(false);};

发现mui到现在的资料还不是很多啊，欢迎吐槽