35-02单页面上拉加载例子
<!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>
