mui是一个类似于原生的UI框架,使用它可以实现更多接近原生的功能。今天要讲的是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);