求教H5页面上拉加载更多的问题-php教程-PHP中文网

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

php中文网

发布： 2016-06-20 12:41:02

原创

1482人浏览过

<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>

登录后复制

<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>

登录后复制

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

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

求html5 javascript thinkphp大神