由于在开发中,经常用到mui前端框架,所有经常犯了一些低级错误,业务流程都做出来了,可是下拉刷新的时候就是动不了,下面还有一些div没有显示出来,可是就是拉不下去。
1.首先得写上完整的html的mui代码,参考如下:
<div class="mui-scroll-wrapper " id="pullrefresh" >//class,id必须写
<div class="mui-scroll" >//class必须写
<div class="list">
//放入list遍历数据
</div>
</div>
</div>
2.正确引入mui.js与mui.css
<link rel="stylesheet" href="/mui/css/mui.min.css" type="text/css" />
<script src="/js/mui/mui.min.js" language="javascript"></script>
//引入如果不起作用可以试试清除浏览器缓存,可能是浏览器缓存出问题
3.正确写js
这里的js太长了,博主就不写出来了,想看如何写js可以参考这篇文章:点击查看如何写mui下拉刷新,本篇文章就主要写mui为何不能下拉刷新
总结:首先得检查自己的html格式尤有没有正确,其次查看是否正确引入了mui的js和css,再有就是博主发现自己的一个错误,给中间遍历的list标签做了一个高度:
.list{
width: 100%;
padding: 13px 12px 0 16px;
/* height: 600px; */
}
可能我做的时候没注意看就给加上去了,实在是粗心。