赛车网站出租 mui框架实现分页功能

mui是一个类似于原生的UI框架,赛车网站出租【企 娥:217 1793 408】使用它可以实现更多接近原生的功能。今天要讲的是mui的分页功能(上拉加载):

1、首页需要引入mui.js这个去官网可以下载的

2、需要用mui标签将大的盒子包裹起来:
<div id="refreshContainer" class="mui-scroll-wrapper">
<div class="mui-scroll">
<div class="shopBox"></div>//这个就是需要包裹的盒子
</div>
</div>
3、初始化mui:
mui.init({
pullRefresh: {
container: '#refreshContainer', //待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
auto: true, // 可选,默认false.自动上拉加载一次
height: 50,
up: {
callback: function() {
pages++;
showajax(pages);
mui('#refreshContainer').pullRefresh().endPullupToRefresh();

                } //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
        }

    }
});

猜你喜欢

转载自blog.51cto.com/13944555/2165868
今日推荐