素材网 素材网

jquery移动手机端加载更多内容时上拉下拉刷新页面代码

下载资源()次

阅读次数()次

发布时间:2015-08-06

jquery移动手机端加载更多内容时上拉下拉刷新页面代码
分享到:

用法简介:

来源:xw素材网

jquery移动手机端加载更多内容时上拉下拉刷新页面代码。
文件引用:

<script>
for(var i=0;i<document.querySelectorAll("#wrapper ul li").length;i++){
document.querySelectorAll("#wrapper ul li")[i].colorfulBg(); }
refresher.init({
	id:"wrapper",//<------------------------------------------------------------------------------------┐
	pullDownAction:Refresh,                                                            
	pullUpAction:Load 																			
	});																						
var generatedCount = 0;																			
function Refresh() {																
	setTimeout(function () {	// <-- Simulate network congestion, remove setTimeout from production!
		var el, li, i;																		
		el =document.querySelector("#wrapper ul");									
		el.innerHTML='';																
		for (i=0; i<11; i++) {																		 
			li = document.createElement('li');													
			li.appendChild(document.createTextNode('async row ' + (++generatedCount)));				
		el.insertBefore(li, el.childNodes[0]);														
		}																							 
		wrapper.refresh();/****remember to refresh after  action completed! ---yourId.refresh(); ----| ****/
			for(var i=0;i<document.querySelectorAll("#wrapper ul li").length;i++){
		document.querySelectorAll("#wrapper ul li")[i].colorfulBg(); }
	}, 1000);
}
function Load() {
	setTimeout(function () {// <-- Simulate network congestion, remove setTimeout from production!
		var el, li, i;
		el =document.querySelector("#wrapper ul");
		for (i=0; i<2; i++) {
			li = document.createElement('li');
			li.appendChild(document.createTextNode('async row ' + (++generatedCount)));
			el.appendChild(li, el.childNodes[0]);
		}
		wrapper.refresh();/****remember to refresh after action completed!!!   ---id.refresh(); --- ****/
		for(var i=0;i<document.querySelectorAll("#wrapper ul li").length;i++){
		document.querySelectorAll("#wrapper ul li")[i].colorfulBg(); }
	}, 1000);	
}
</script>


   

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。