分享
  • 收藏
  • 举报
    X
    @Sufeng @admin @torylf 为什么我弄的 滚动刷新就是刷不出来呢。
    731
    14
    <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>

    为呀为什么!!!!!!!!!!!!!!!!!!!!滚动都是没加载上。

    6
    赏礼
    赏钱
    收藏
    点击回复
        全部留言
    • 14
    • 缘天 普通粉丝 消费:0元 2018-06-30 21:34 21:346楼

      哈哈 这个页面出问题了

      admin 消费:3.03元 2018-06-30 22:13
      过滤不全面导致的.刚刚修复 了
      verycong 消费:118.73元 2018-06-30 22:24
      你确定是你个修复了,刚才的删了。
      {qb:listpage name="news_index01" rows="8" order="list"}
      {switch name="rs.image_type"} {case value="1"}
      {$rs.title|get_word=140}[{:date("m-d",$rs.create_time)}]
      {/case} {case value="2"}
      {volist name="rs.picurls" id="imgurl"}{if $i<4} {/if}{/volist}
      {/case} {default /}
      {$rs.sort_name} - [{:date("m-d",$rs.create_time)}]
      {/switch}
      {/qb:listpage}
      <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>
    0 赏钱 赏礼回复
    • 阿赖耶识 程序开发者 消费:24.43元 2018-06-30 21:43 21:436楼

      论坛内容页面没过滤一些标签吧,挤错位了

      最好把代码放到代码语言里,这样方便看

      admin 消费:3.03元 2018-06-30 22:13
      过滤不全面导致的.刚刚修复 了
      verycong 消费:118.73元 2018-06-30 21:45
      回复没有那个框
    0 赏钱 赏礼回复
    • verycong 风格开发者 消费:118.73元 2018-06-30 21:46 21:466楼
      <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>

      这是首页代码

      阿赖耶识 消费:24.43元 2018-06-30 21:49
      你下面代码用的 qb:listpage 那你ajax那就要对应 qb:list_url
      你首页要用 qb:url 那你标签就要用通用标签qb:tag
      阿赖耶识 消费:24.43元 2018-06-30 21:50




      verycong 消费:118.73元 2018-06-30 22:13
      改成 qg:tag 直接出代码了,不知道原因,把url那改成list_url可以了。
    0 赏钱 赏礼回复
    • 阿赖耶识 程序开发者 消费:24.43元 2018-06-30 19:09 19:096楼

      //显示更多

      function ShowMoreList(){

      Mpage++;

      $.get('{qb:url name="news_list_page_listdata0"}'+Mpage,function(res){



      列表页用qb:list_url


      verycong 消费:118.73元 2018-06-30 20:28
      列表页OK了,但首页  用qb:url 还是不行。
      阿赖耶识 消费:24.43元 2018-06-30 20:34

      首页这个qb:url 是对的,你看下是不是标签不对应


      规则:

        qb:url  对应通用标签 qb:tag

        qb:list_url 对应qb:listpage


      js里的$.get 对应name是标签里的name ;

      append执行的class对应的包括标签的容器class


    0 赏钱 赏礼回复
    • 天外来客 风格开发者 消费:230.24元 2018-06-30 19:17 19:176楼
      学习下,还没用过。
    0 赏钱 赏礼回复
    更多回复
    恢复多功能编辑器
  • 3 1
  • 推荐内容
    扫一扫访问手机版
    请选择要切换的马甲:

     
    网页即时交流
    QQ咨询
    咨询热线
    020-28998648