分享
  • 收藏
  • 举报
    X
    大家好!滑动门+下滑加载更多
    • 齐博神州 消费2958.36元 2022-04-04 17:59 17:59
    524
    3

    大家好!根据教程中心的 滑动门+下滑加载更多https://www.kancloud.cn/php168/x1_of_qibo/842761的教程制作的首页模板,只加载10条数据就不加载了。请问是本来就是这样设计的,还是我的代码中有错误?请大神帮帮我,谢谢!

    <style type="text/css">
    .bbs_title h3{
    	width:50%;
    	float:left;
    	color:#999;
    	border-bottom:#ddd 1px solid; 
    }
    .bbs_title h3 i{
    	color:#999;
    }
    .bbs_title h3.ck i{
    	color:#F90;	
    }
    .bbs_title h3.ck{
    	color:#f90;
    	border-bottom:#f90 1px solid; 
    }
    </style>
    <div class="SideInfos">
    	<div class="bbs_title">
    		<!--这里可以是多个TAB按钮-->
    		<h3 class="ck"><i class="fa fa-fw fa-file-text-o"></i>本地资讯</h3>
    		<h3><i class="fa fa-fw fa-file-text-o"></i>分类信息</h3>
    		<h3><i class="fa fa-fw fa-file-text-o"></i>本地黄页</h3>
    		<h3><i class="fa fa-fw fa-file-text-o"></i>热门</h3>
    	</div>
    	<!--上面若有多个TAB按钮,那下面也要对应多个,必须要命名为了 class="show_content" 其中的 bbs_content_reply 为的是异步加载用的, 可以不使用 -->
    	<div class="show_content">
    {qb:tag name="wap_member_homepage_002" union="uid" type="zx" rows="5" mid="-1" }
    		<ul> <ol style="width:80%;"><span>{$i}</span>、<a href="{$rs.url}">{$rs.title|get_word=24}</a></ol><li>{:date("m-d",$rs.create_time)}</li></ul>
    	{/qb:tag}
    	</div>
    	<div class="show_content bbs_content_reply" style="display:none;">
    	<!--下面的标签添加js="bbs_content_reply"参数为的就是不影响页面打开速度。js名必须要与外层class名一样,但可以不与标签名一样-->
    	{qb:tag name="wap_member_homepage_reply_002" js="bbs_content_reply" type="fenlei" rows="5" mid="-1" }
    		<ul> <ol style="width:80%;"><span>{$i}</span>、<a href="{$rs.url}">{$rs.title|get_word=24}</a></ol><li>{:date("m-d",$rs.create_time)}</li></ul>
    	{/qb:tag}
    	</div>
    	<div class="show_content bbs_content_reply3" style="display:none;">
    	<!--下面的标签添加js="bbs_content_reply"参数为的就是不影响页面打开速度。js名必须要与外层class名一样,但可以不与标签名一样-->
    	{qb:tag name="wap_member_homepage_reply_003" js="bbs_content_reply3" type="hy" rows="5" mid="-1"  }
    	<ul> <ol style="width:80%;"><span>{$i}</span>、<a href="{$rs.url}">{$rs.title|get_word=24}</a></ol><li>{:date("m-d",$rs.create_time)}</li></ul>
    	{/qb:tag}
    	</div>
    		<div class="show_content bbs_content_reply4" style="display:none;">
    	<!--下面的标签添加js="bbs_content_reply"参数为的就是不影响页面打开速度。js名必须要与外层class名一样,但可以不与标签名一样-->
    	{qb:tag name="wap_member_homepage_reply_004" js="bbs_content_reply4" type="zx" rows="5" mid="-1" order="view" }
    	<ul> <ol style="width:80%;"><span>{$i}</span>、<a href="{$rs.url}">{$rs.title|get_word=24}</a></ol><li>{:date("m-d",$rs.create_time)}</li></ul>
    	{/qb:tag}
    	</div>
    </div>
    
    <script type="text/javascript">
    var type_num = 0; //默认是第一项
    $(document).ready(function () {
    	$(".bbs_title h3").click(function(){
    		$(".bbs_title h3").removeClass('ck');
    		$(this).addClass('ck');
    		type_num = $(this).index();
    		$(".SideInfos .show_content").hide();
    		$(".SideInfos .show_content").eq(type_num).show();
    		scroll_get = true;	//避免其它加载完了,这里却无法加载
    	});
    });
    
    var Mpage = new Array();	//页码数组
    var urldb = new Array('{qb:url name="wap_member_homepage_002" /}','{qb:url name="wap_member_homepage_reply_002" /}'); //不同的URL
    function ShowMoreBBs(){
    	if( typeof Mpage[type_num]=='undefined' ){
    		Mpage[type_num] = 1;
    	}
    	Mpage[type_num]++;
    	var url = urldb[type_num] + Mpage[type_num];
    	
    	$.get(url,function(res){
    		if(res.code==0){
    			if(res.data==''){
    				layer.msg("已经显示完了!",{time:500});
    			}else{
    				$(".SideInfos .show_content").eq(type_num).append(res.data);
    				set_i_num();
    				scroll_get = true;
    			}
    		}else{
    			layer.msg(res.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});
    			ShowMoreBBs();
    		}
    	});
    });
    2
    赏礼
    赏钱
    收藏
    点击回复
        全部留言
    • 3
    • 鹊高影视 普通粉丝 消费:0元 2022-04-05 10:05 10:056楼
    0 赏钱 赏礼回复
    0 赏钱 赏礼回复
    更多回复
        你可能感兴趣的主题
    恢复多功能编辑器
  • 3 1
  • 推荐内容
    扫一扫访问手机版
    请选择要切换的马甲:

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