(1)下拉刷新完成后要结束下拉刷新 不仅要渲染页面还需要调用结束下拉刷新的方法
mui('.mui-scroll-wrapper').pullRefresh().endPulldownToRefresh();
(2)上拉加载提示没有数据的时候 如果下拉刷新需要再次能够上拉加载 在下拉刷新的回调函数还需要重置上拉加载
mui('.mui-scroll-wrapper').pullRefresh().refresh(true);
创建一个MUI区域滚动的父容器.mui-scroll-wrapper
创建一个mui区域滚动的子容器.mui-scroll
<!-- 区域滚动的父容器 -->
<div class="mui-scroll-wrapper">
<!-- 区域滚动的子容器 -->
<div class="mui-scroll">
真实要显示的DOM内容
</div>
</div>
调用初始化下拉刷新的方法初始化下拉刷新插件
mui.init({
pullRefresh: {
container: ".mui-scroll-wrapper", // 传入区域滚动父容器的选择器
down: {
height: 50, //可选,默认50.触发下拉刷新拖动距离,
auto: false, //可选,默认false.首次加载自动下拉刷新一次
contentdown: "下拉可以刷新", //可选,在下拉可刷新状态时,下拉刷新控件上显示的标题内容
contentover: "释放立即刷新",