
<div class="expertbox ShowMoreList">
<!--name是标签名,跟通用标签不能重名,rows取几条数据,order按什么方式排序,list代表可控排序,id即时间,view代表浏览量-->
{qb:listpage name="news_list_page_listdata0" rows="8" order="list" js="ShowMoreList"}
<div class="it_expert3">
{switch name="rs.image_type"}
{case value="1"}
<div class="layui-card">
<div class="layui-card-body" style="min-height:140px;">
<div style="float:left;margin-left:20px;"><a href="{$rs.url}"><img src="{$rs.picurl}" width="150" height="120"></a></div>
<div style="float:right;margin-top:10px;padding-right:30px;width:380px;line-height:30px;font-size:20px;"><a href="{$rs.url}"><b>{$rs.title|get_word=140}</b></a>[{:date("m-d",$rs.create_time)}]</div>
</div>
</div>
{/case}
{case value="2"}
<div class="layui-card">
<div class="layui-card-header"><a href="{$rs.url}"><b style="font-size:18px;">{$rs.title|get_word=60}</b></a></div>
<div class="layui-card-body" style="min-height:140px;">
{volist name="rs.picurls" id="imgurl"}{if $i<4}
<a href="{$rs.url}"><img src="{$imgurl.picurl}" width="150" height="120" style="float:left;margin-left:20px;"></a>
{/if}{/volist}
</div>
</div>
{/case}
{default /}
<div class="layui-card" style="min-height:50px;">
<div class="layui-card-header"><a href="{$rs.url}"><b style="font-size:24px;">{$rs.title|get_word=46}</b></a></div>
<div class="layui-card-body"><a href="{$rs.sort_url}">{$rs.sort_name}</a> - [{:date("m-d",$rs.create_time)}]</div>
</div>
{/switch}
</div>
{/qb:listpage}
<div class="ShowMoreArtic" style="display:none"><!--span onclick="ShowMoreArtic()">内容加载中</span--></div>
</div>
<script type="text/javascript">
var Mpage = 1;
//显示更多
function ShowMoreList(){
Mpage++;
$.get('{qb:url name="news_list_page_listdata0"}'+Mpage,function(res){
if(res.code==0){
if(res.data==''){
layer.msg("已经显示完了!",{time:500});
}else{
$('.ShowMoreList').append(res.data);
scroll_get = true; //这一行仅仅是匹配滚动显示更多.如果没使用滚动特效,可以删除
}
}else{
layer.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>为呀为什么!!!!!!!!!!!!!!!!!!!!滚动都是没加载上。
论坛内容页面没过滤一些标签吧,挤错位了
最好把代码放到代码语言里,这样方便看
<div class="expertbox ShowMoreList">
<!--name是标签名,跟通用标签不能重名,rows取几条数据,order按什么方式排序,list代表可控排序,id即时间,view代表浏览量-->
{qb:listpage name="news_index01" rows="8" order="list"}
<div class="it_expert3">
{switch name="rs.image_type"}
{case value="1"}
<div class="layui-card">
<div class="layui-card-body" style="min-height:140px;">
<div style="float:left;margin-left:20px;"><a href="{$rs.url}"><img src="{$rs.picurl}" width="150" height="120"></a></div>
<div style="float:right;margin-top:10px;padding-right:30px;width:380px;line-height:30px;font-size:20px;"><a href="{$rs.url}"><b>{$rs.title|get_word=140}</b></a>[{:date("m-d",$rs.create_time)}]</div>
</div>
</div>
{/case}
{case value="2"}
<div class="layui-card">
<div class="layui-card-header"><a href="{$rs.url}"><b style="font-size:18px;">{$rs.title|get_word=60}</b></a></div>
<div class="layui-card-body" style="min-height:140px;">
{volist name="rs.picurls" id="imgurl"}{if $i<4}
<a href="{$rs.url}"><img src="{$imgurl.picurl}" width="150" height="120" style="float:left;margin-left:20px;"></a>
{/if}{/volist}
</div>
</div>
{/case}
{default /}
<div class="layui-card" style="min-height:50px;">
<div class="layui-card-header"><a href="{$rs.url}"><b style="font-size:24px;">{$rs.title|get_word=46}</b></a></div>
<div class="layui-card-body"><a href="{$rs.sort_url}">{$rs.sort_name}</a> - [{:date("m-d",$rs.create_time)}]</div>
</div>
{/switch}
</div>
{/qb:listpage}
<div class="ShowMoreArtic" style="display:none"><img src="/public/static/index/toutiao/timg.gif"><!--span onclick="ShowMoreArtic()">内容加载中</span--></div>
</div>
<script type="text/javascript">
var Mpage = 1;
//显示更多
function ShowMoreList(){
Mpage++;
$.get('{qb:url name="news_index01"}'+Mpage,function(res){
if(res.code==0){
if(res.data==''){
layer.msg("已经显示完了!",{time:500});
}else{
$('.ShowMoreList').append(res.data);
scroll_get = true; //这一行仅仅是匹配滚动显示更多.如果没使用滚动特效,可以删除
}
}else{
layer.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>这是首页代码
//显示更多
function ShowMoreList(){
Mpage++;
$.get('{qb:url name="news_list_page_listdata0"}'+Mpage,function(res){
列表页用qb:list_url