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