Home  >  Article  >  Backend Development  >  求教H5页面上拉加载更多的问题

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

WBOY
WBOYOriginal
2016-06-20 12:41:021254browse

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


回复讨论(解决方案)

。。求 指教 虽然现在问题很多 不过还是想先把php的东西搞出来

Web领域的大神呢

求结贴了哎 foreach标签的数量只能在后台控制了吗。。

后台保证数据page参数递增,数据返回正确就行了,剩下就是前台和排查问题了。
length不起作用,看下它的foreach标签解析之后的原始文件就知道原因了。
样式不起作用肯定是html没有正确返回。

后台保证数据page参数递增,数据返回正确就行了,剩下就是前台和排查问题了。
length不起作用,看下它的foreach标签解析之后的原始文件就知道原因了。
样式不起作用肯定是html没有正确返回。



foreach还是不行 我用volist了
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn