首页 > 后端开发 > php教程 > 求教H5页面上拉加载更多的问题

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

WBOY
发布: 2016-06-20 12:41:02
原创
1289 人浏览过

<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了
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板