Maison > développement back-end > tutoriel php > 求教H5页面上拉加载更多的问题

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

WBOY
Libérer: 2016-06-20 12:41:02
original
1298 Les gens l'ont consulté

<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>
Copier après la connexion

<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>
Copier après la connexion

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了
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal