数据有了,要点击“加载更多&分页”,后端大爷不给分页怎么办?
设计湿又指着鼻子说我就要这效果,骂完TM后还是要硬着头皮做。好吧就这么干...
先写个方法:
function taiduMianBoxHTMLGo(obj,qs,n,gofn,overfn){ var dataLength=window.taiduDataJsonMB.length; function fnHTML(i){
//这里根据需要改好了 sHtml+='<div class="fl"><a href="'+window.taiduDataJsonMB[i].url+'"><img src="'+window.taiduDataJsonMB[i].img+'" alt="'+window.taiduDataJsonMB[i].title+'"></a></div>'; }; if(dataLength-qs >=n ){ for(var i=qs; i<qs+n; i++){ fnHTML(i); gofn(); } if(dataLength-(qs+n) == 0){ overfn(); }; }else if( dataLength-qs > 0 && dataLength-qs < n){ for(var i=qs; i<qs+dataLength-qs; i++){ fnHTML(i); }; overfn(); }; obj.innerHTML+=sHtml; };
方法有了怎么用???
打个样
<script> !function(){ var startN=10; var stepN=10; var oMianBtn=document.getElementById('idconbox-html-go'); taiduMianBoxHTMLGo(document.getElementById('idconbox'),0,startN, function(){oMianBtn.style.display='block';} ,function(){oMianBtn.style.display='none';} ); oMianBtn.onclick=function(){ taiduMianBoxHTMLGo(document.getElementById('idconbox'),startN,stepN, function(){oMianBtn.style.display='block';} ,function(){oMianBtn.style.display='none';} ); startN+=stepN; }; }() </script>