<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