35-02单页面上拉加载例子

2018/07/19 13:48
阅读数 0
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>心得</title>
<script type="text/javascript">
function a(){
document.addEventListener("plusscrollbottom",b);
document.getElementById("list").innerHTML += "<li style='height:1000px;background:#ccc'>继续往下拉</li>";
}
var i=0;
function b(){
if(i!=3){
i++;
plus.nativeUI.alert('上拉刷新成功:'+i);
}else{
document.removeEventListener("plusscrollbottom",b);
plus.nativeUI.alert('到底啦!');
return '';
}
document.getElementById("list").innerHTML += "<li style='height:1000px;background:#ccc'>继续往下拉</li>";
}
</script>
</head>
<style>
li{line-height: 40px; height: 40px; border-bottom: #ccc dashed 1px;}
</style>
<body>
<ul id="list">
<li onclick="a()">启动上拉加载</li>
</ul>
</body>
</html>
展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部