zepto.js手机端上拉刷新下拉加载更多列表数据插件,非常实用的一款手机移动端网页上拉刷新下拉加载代码。
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/PullToRefresh.min.js"></script>
<script type="text/javascript">
var n=0,flag=true;
function appendTestData(){
return "<li><h5>"+Math.floor(Math.random()*1000)+"</h5><p>现在开始报时:"+new Date()+"</p></li>"
}
function addhtml(type){
console.log("第"+n+"次加载成功")
$(".tip").html("第"+n+"次")
$("#app ul")[type](appendTestData()+appendTestData()+appendTestData()+appendTestData())
}
var refreshBox=new PullToRefresh({
container:"#app",
pull:{
callback:function(){
setTimeout(function(){
n=0
addhtml("html")
refreshBox.endPullRefresh(true)
},1000)
}
},
up:{
callback:function(){
setTimeout(function(){
if(n<5){
n++
addhtml("append")
refreshBox.endUpLoading(true)
}else{ //没有数据
refreshBox.endUpLoading(false)
}
},1000)
}
}
})
</script>
做猪小侠源码的代理,提供一站式服务
如果你不懂得搭建网站或者服务器,小程序,源码之类的怎么办? 第一通过本站学习各种互联网的技术 第二就是联系客服,我帮帮你搭建(当然要收取部分的费用) 第三成为我们的代理,我们提供整套的服务。