账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
  • 举报
    X
    齐博CMS之X1嵌套-循环栏目,并列出子栏目下的内容
    107
    0

    嵌套,循环栏目,并列出子栏目下的内容。

    	<div class="channel-list">
    								<div class="row">
    									<!-- S 栏目列表 -->
    									{volist name=":fun('sort@top','cms')" id="name"}
    									{volist name=":fun('sort@son',$key,'cms')" id="vo" }
    									<div class="col-xs-12 col-sm-6">
    										<h3><a href="{:url('cms/content/index',['id'=>$key])}">{$vo}</a> <em><a href="{:url('cms/content/index',['id'=>$key])}">更多</a></em></h3>
    										<div class="media" data-id="{$key}">
    											<!--这里进行关联-->
    										</div>
    									
    										<ul class="list-unstyled inner-list" data-id="{$key}">
    											<!--这里进行关联-->
    										</ul>
    									</div>
    									{/volist}
    									{/volist}
    									<div style="display:none;">
    <!--这里进行隐藏然后JQ进行赋值-->
    									{qb:tag name="mb_index_qiantao_tuijian" type="cms" union="fid" rows="1" js="mb_index_qiantao_tuijian"}
    									<div class="media-left">
    										<a href="{$rs.url}">
    											<div class="embed-responsive embed-responsive-4by3 img-zoom">
    												<img class="embed-responsive-item media-object" width="64" height="64" src="{$rs.picurl?:'__STATIC__/cqap/cms/images/nopic.png'}">
    											</div>
    										</a>
    									</div>
    									<div class="media-body">
    										<h4 class="media-heading"><a href="{$rs.url}">{$rs.title|get_word=50}</a></h4>
    										<p>{$rs.content|get_word=105}</p>
    									</div>
    									{/qb:tag}
    									</div>
    									<div style="display:none;">
    <!--这里进行隐藏然后JQ进行赋值-->
    									{qb:tag name="mb_index_qiantao_zuixin" type="cms" union="fid" rows="8" js="mb_index_qiantao_zuixin"}
    										<li>
    											<a href="{$rs.url}">{$rs.title|get_word=55}</a>
    											<span class="pull-right">{:date("m-d",$rs.create_time)}</span>
    										</li>
    									{/qb:tag}
    									</div>
    <script type="text/javascript">
    $(".media").each(function(){
    	var that = $(this);
    	var fid = $(this).data('id');
    	var page = 1;
    	var url = "{qb:url name='mb_index_qiantao_tuijian'}" + page + "&fid=" + fid;
    	$.get(url,function(res){
    		if(res.code==0){
    			if(res.data!=''){
    				that.html(res.data);
    			}
    		}
    	});
    
    });
    
    $(".list-unstyled").each(function(){
    	var that = $(this);
    	var fid = $(this).data('id');
    	var page = 1;
    	var url = "{qb:url name='mb_index_qiantao_zuixin'}" + page + "&fid=" + fid;
    	$.get(url,function(res){
    		if(res.code==0){
    			if(res.data!=''){
    				that.html(res.data);
    			}
    		}
    	});
    
    });
    </script>
    									<!-- E 栏目列表 -->
    								</div>
    							</div>						

    作者:snscn

     
      1.本文部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责。

      2.若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。

      3.如果本站有侵犯、不妥之处的资源,请联系我们。将会第一时间删除帖子!

      4.本站提供的资源来源网络收集或网友发布到本站,仅供学习研究之用,版权归原著所有,切勿用于商业用途和非法行为否则后果自负。请在24小时之内自行删除!

      5.本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

      6.本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间退回积分、金币或者更新。

    0
    赏钱
    收藏
    点击回复
        全部留言
    • 0
    更多回复
    恢复多功能编辑器
  • 3 1
  • 推荐内容
    扫一扫访问手机版