因最近开发h5用的前端框架是mui,教程和demo大部分没有动态数据，在网上也没有很好的办法，比较喜欢简单粗暴就直接上代码了。

1.mui:选项卡切换+上拉加载+ajax

1.1关于mui的选项卡切换的样式，mui的官网上有，在这就不多说了

1.2 直接上代码

Hello MUI

选项卡切换+上拉加载

1.3 做重点描述

(1)mui的html的结构以及里的class要按照我上面的写法来写，要不然部分内容不会插入到页面中，划屏效果以及滚动效果出不来。我写的样式是驼峰命名的，如果不用请自行删除，保留mui的class。

(2)这个demo用到的插件是mui.pullToRefresh.js以及mui.pullToRefresh.material.js是选项卡下拉加载

(3)$.each，如同jquery的用法一样，index代表索引，pullRefreshEl代表每一个元素。

(4)其重点在代码中做了注释，不在多说，当时是为了完成功能写的代码，并没有进行优化

这是我项目的最终效果图，此文章重点描述如何选项卡+上拉加载与ajax使用

1.页面刚进入会触发一次请求，此时为第一页

2.滑动下方触发下一页

3.没有数据了