【js】weui上拉加载下拉刷新

1. 引用weui (基础组件) ，或者copy相关代码到自己创建的js文件中
2. 使用

<div class="main">
//下拉刷新
	<div class="pull-to-refresh__layer">
     	<div class='pull-to-refresh__arrow'></div>
     	<div class='pull-to-refresh__preloader'></div>
     	<div class="down">下拉刷新</div>
     	<div class="up">释放刷新</div>
     	<div class="refresh">正在刷新</div>
	</div>
//上拉加载
	<div class="pull-to-loadmore">
         <i class="pull-to-loading"></i>
         <span class="pull-to-loadmore__tips">正在加载</span>
    </div>
</div>

$(".main").pullToRefresh(function () {
    //下拉，在这里做一些想做的操作        
 });
 $(".main").infinite().on("infinite", function () {
 	//上拉，在这里做一些想做的操作 
 	//比如：上拉加载时需定义一个isLoad，防止重复加载
     if (isLoad) return;
     isLoad = true;
     loadList();
});

ps:
1.上面使用的pullToRefresh和infinite都需要引用weui或者将其对应的js方法引用到自己的js文件中

2.上面涉及到的类名都是自己定义，可以直接copyweui官网的css

3.下拉之后记得添加代码，使加载标志回退到原状态

$(".main").pullToRefreshDone();