Maison > Article > développement back-end > 求教H5页面上拉加载更多的问题
<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>
。。求 指教 虽然现在问题很多 不过还是想先把php的东西搞出来
Web领域的大神呢
求结贴了哎 foreach标签的数量只能在后台控制了吗。。
后台保证数据page参数递增,数据返回正确就行了,剩下就是前台和排查问题了。
length不起作用,看下它的foreach标签解析之后的原始文件就知道原因了。
样式不起作用肯定是html没有正确返回。
后台保证数据page参数递增,数据返回正确就行了,剩下就是前台和排查问题了。
length不起作用,看下它的foreach标签解析之后的原始文件就知道原因了。
样式不起作用肯定是html没有正确返回。