热门文章

列表页制作及无滚动加载内容


浏览:469  日期:01-05  来源:景云整理
<div class="listpages">
	{qb:listpage name="bbs_list_page_pc" rows="20" order="list"}
		<a href="{:urls('content/show',['id'=>$rs['id']])}">{$rs.title}</a> 
	{/qb:listpage}</div><!--{$pages} 这是传统分页--><button type="button" onclick="ShowMoreList()">查看更多</button>
	
	<script type="text/javascript">var Mpage = 1;//显示更多function ShowMoreList(){
	Mpage++;
	$.get('{qb:list_url name="bbs_list_page_pc" /}'+Mpage,function(res){
		if(res.code==0){
			if(res.data==''){
				layer.msg("已经显示完了!",{time:500});
			}else{
				$('.listpages').append(res.data);
				scroll_get = true;  //这一行仅仅是匹配滚动显示更多.如果没使用滚动特效,可以删除
			}
		}else{
			layer.msg(res.msg,{time:2500});
		}
	});}//滚动显示更多var scroll_get = true;	//做个标志,不要反反复复的加载$(document).ready(function () {
	$(window).scroll(function () {
		if (scroll_get==true &&  (400 + $(window).scrollTop())>($(document).height() - $(window).height())) {
			scroll_get = false;
			layer.msg('内容加截中,请稍候',{time:1000});
			ShowMoreList();
		}
	});});</script>


  • 返回顶部
  • 暂未开通专线
  • 在线咨询
  • 微信二维码
    关注你附近