1、创建目标list_data.html专门用来写栏目分页循环标签的目标文件 {module catid=$catid order=updatetime page=1} <div class="article-list> <a href="{$t.url}">...
1、创建目标list_data.html专门用来写栏目分页循环标签的目标文件
{module catid=$catid order=updatetime page=1}
<div class="article-list>
<a href="{$t.url}">
{$t.title}
</a>
</div>
{/module}
2、在list.html中标记显示容器div
<div class="article_info" id="content_list">
{template "list_data.html"}
</div>
默认加载了第一页数据
3、在页面底部写加载的js
var Mpage=1;
//滚动显示更多
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});
dr_ajax_load_more();
}
});
});
function dr_ajax_load_more(){
Mpage++;
$.get('/index.php?s=api&c=api&m=template&name=list_data.html&module={MOD_DIR}&catid={$catid}&format=json&page='+Mpage+'&'+Math.random(),function(res){
$('.footer-cont').hide();
if(res.code==1){
if(res.msg==''){
layer.msg("已经显示完了",{time:500});
}else{
$('#content_list').append(res.msg);
scroll_get = true;
}
}else{
layer.msg(res.msg,{time:2500});
}
}, 'json');
}
注：需安装<script src="{THEME_PATH}assets/js/cms.js" type="text/javascript"></script>