<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
<!--<script type="text/javascript" charset="UTF-8">
mui.init();
</script>-->
<style type="text/css">
.container{width: 50%;}
/.right{width: 50%;position: fixed;top: 200px;right: 0;}/
</style>
</head>
<body>
<div class="mui-content mui-scroll-wrapper" id="contanier">
<div class="mui-scroll" >
<ul class="mui-table-view" id="ul">
<li class="mui-table-view-cell">1</li>
<li class="mui-table-view-cell">2</li>
<li class="mui-table-view-cell">3</li>
<li class="mui-table-view-cell">4</li>
<li class="mui-table-view-cell">5</li>
<li class="mui-table-view-cell">6</li>
<li class="mui-table-view-cell">7</li>
<li class="mui-table-view-cell">8</li>
<li class="mui-table-view-cell">9</li>
<li class="mui-table-view-cell">10</li>
<li class="mui-table-view-cell">11</li>
<li class="mui-table-view-cell">12</li>
<li class="mui-table-view-cell">13</li>
<li class="mui-table-view-cell">14</li>
<li class="mui-table-view-cell">15</li>
<li class="mui-table-view-cell">16</li>
<li class="mui-table-view-cell">17</li>
</ul>
</div>
</div>
<!--<div class="right">
<a href="test.html">action</a>
</div>-->
</body>
<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
mui.init({
pullRefresh:{
container:'#contanier',
down:{
height:50,
auto:true,
contentdown:'下拉可以刷新',
contentover:'释放立即刷新',
contentrefresh:'正在加载。。。',
callback:pulldownRefresh
}
}
})
var flage = true;
var pagenum = 1;
var li_val = 17;
function pulldownRefresh(){
setTimeout(function(){
if(flage){
var ul =document.getElementById('ul');
for(var i=0;i <5;i++){
li_val++;
$('#ul li:first-child').before('<li class="mui-table-view-cell">a'+li_val+'</li>');
// $("ul li:last-child").after(bikeHtml);
}
mui('#contanier').pullRefresh().endPulldownToRefresh(!flage);
}
},500)
}
if (mui.os.plus) {
mui.plusReady(function() {
setTimeout(function() {
mui('#contanier').pullRefresh().pulldownLoading();
}, 500);
});
} else {
mui.ready(function() {
mui('#contanier').pullRefresh().pulldownLoading();
});
}
</script>
</html>
狼烟蛮蛮
- 发布：2017-01-18 14:23
- 更新：2017-01-18 14:23
- 阅读：2042
0 个回复