嵌套,循环栏目,并列出子栏目下的内容。
<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.本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间退回积分、金币或者更新。