求教H5页面上拉加载更多的问题-PHP Tutorial-php.cn

求教H5页面上拉加载更多的问题

WBOY

Release： 2016-06-20 12:41:02

Original

1247 people have browsed it

<div id="wrapper"><ul>			{foreach from=$deal_list item="deal" key=key name="deal" length="5" }<li><div>  {if $deal.warrant eq 1}  <div></div>  {elseif $deal.warrant eq 2}  <div></div>  {/if}</div><span >{$deal.borrow_amount}</span><span >{$deal.format}</span></li>{/foreach}	</ul></div>

Copy after login

<script type="text/javascript">refresher.init({	id:"wrapper",	pullDownAction:Refresh,                                                            	pullUpAction:Load 																			});																																							function Refresh() {																	setTimeout(function () {	// <-- Simulate network congestion, remove setTimeout from production!		var el, li, i;																				el =document.querySelector("#wrapper ul");							//这里写刷新代码						document.getElementById("wrapper").querySelector(".pullDownIcon").style.display="none";				document.getElementById("wrapper").querySelector(".pullDownLabel").innerHTML="<img  src='{$TMPL}/images/ok.png'/ alt="求教H5页面上拉加载更多的问题" >刷新成功";																					 		setTimeout(function () {			wrapper.refresh();			document.getElementById("wrapper").querySelector(".pullDownLabel").innerHTML="";											},500);	}, 2000);}function Load() {	setTimeout(function () {// <-- Simulate network congestion, remove setTimeout from production!		var el, li, i;		el =document.querySelector("#wrapper ul");		for (i=0; i<3; i++) {			li = document.createElement('li');	                        li.innerHTML='8888888';	el.appendChild(li, el.childNodes[0]);		}		wrapper.refresh();	},3000);	}</script>

Copy after login

thinkPHP框架 foreach标签循环读记录
这里我希望实现先读出5条，滑到底进行上拉动作后再显示接下来的后5条
现在的问题是 foreach标签里那个length并没有起作用还是按照后台的limit数显示出来的
然后88888处，那里是放上拉动作后执行的，这里要怎么写才能读出来后5条。

我把上面 foreach标签包住的部分放到这里面来（是用 li.innerHTML+=追加的）发现无法保持原有的css样式，另外也不知如何跳过之前读出来过的往后读5条

求HTML5 JavaScript thinkPHP大神