ppypp伦理天堂,91手机在线视频,免费在线观看黄色毛片,夜夜穞天天穞狠狠穞AV美女按摩

聯(lián)系官方銷售客服

1835022288

028-61286886

投訴 分享 infinite-scroll插件 ajax加載更多教程 11 3301
POSCMS版本:

第一種(個人強(qiáng)烈推薦的) infinite-scroll 插件

使用方法應(yīng)該有很多人比我更了解。(寫給不了解的人看的)

<script type='text/javascript' src='/js/jquery.js?ver=0.3'></script>    
<script src="/js/jquery-ias.min.js" type="text/javascript"></script> 
//在此之前必須先加載jq庫以及infinite-scroll插件 路徑別錯了
//infinite-scroll 下載地址看下面   
<script type="text/javascript"> 
var ias = $.ias({    
	container: ".listbox", //包含所有文章的元素    
	item: ".item", //對應(yīng)的每篇文章元素    
	pagination: ".pagelist", //對應(yīng)下面的分頁元素    
	next: " .pagelist a[rel^=next] ", //下一頁元素
	//這里是亮點了,也是我想了半天解決的。 
	//poscms分頁里面 下一頁帶了 rel="next" 所以這個是獲取.pagelist類下面的rel元素next的    
});    
ias.extension(new IASSpinnerExtension({    
	src: "http://www.dedediy.com/img/load.gif",    
	html: '<p style="text-align: center;"><img src="{src}"/></p>'    
}));    
ias.extension(new IASTriggerExtension({    
	text: '點擊加載更多', //此選項為需要點擊時的文字    
	html: '<p style="text-align: center; cursor: pointer;"><a>{text}</a></p>',    
	offset: !1, //設(shè)置此項后,到 offset:2 頁之后需要手動點擊才能加載,offset:!1 則一直為無限加載    
}));    
ias.extension(new IASNoneLeftExtension({    
	text: '已經(jīng)加載完成!', // 加載完成時的提示    
	html: '<p style="text-align: center; cursor: pointer;"><a>{text}</a></p>',    
}));    
</script>



js.zip

下面的分頁 代碼 就不需要我來教了

http://help.xunruicms.com/21.html

{list action=module module=news page=1 pagesize=10 urlrule=index.php?page=[page]}
<li class="item">{$t.title}</li>
{/list}
<div class="pagelist"> {$pages} </div>
解決方案
代码语言