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

代码如下:

	<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>

齐博x1嵌套-循环栏目,并列出子栏目下的内容的更多相关文章

  1. 最近无聊搭建一个齐博X1的下载页面

    https://layui.wanxiangsucai.com/ 用layui官方镜像站的模版 改了个齐博X1的下载页面 https://x1.wanxiangsucai.com/ 哈哈哈!!! 还有 ...

  2. 齐博X1到底是个什么鬼?

    什么是齐博/齐博CMS之X1? 齐博X1是齐博软件基于thinkphp5开发的内容管理系统,拓展性非常强,后台一键升级,后台提供丰富的频道模块云市插件市场.风格市场.钩子市场,所有都是一键在线安装. ...

  3. 齐博x1齐博首创钩子的使用方法

    齐博X1有两套钩子体系,第一套是基于TP思路设计的.跟外面的大同小异.现在重点讲一下第二套我们首创的使用方法. 首先说一下如何埋钩子,这个跟TP思路的钩子类似,就是在页面的任何地方加入如下代码即可如下 ...

  4. 齐博x1第四季《模块插件的制作》系列21-公共表单器的参数选项(7)

    password 密码类型 和text一样,只不过type类型是password,密码类型输入时,显示星号.即Html中的密码框类型 icon 字体图标类型 和列表页一样,把css的字体图标引入到了表 ...

  5. 齐博x1到底是怎么的存在?

    齐博X1是齐博软件基于thinkphp5开发的内容管理系统,拓展性非常强,后台一键升级,后台提供丰富的频道模块云市插件市场.风格市场.钩子市场,所有都是一键在线安装. 系统已经对接好QQ.微信登录,同 ...

  6. 齐博x1标签实例:标签的嵌套用法,调用聚合数据

    齐博标签非常强大,可以让不懂程序的你,轻松就能实现所见即所得. 下面跟大家讲解一下,最复杂的运用, 同时使用了union 动态变量参数 与 分页处理标签 比如下面这张图,不仅仅想调用圈子,还想同时调用 ...

  7. 齐博x1.3通用栏目名称及参数调用接口

    对于全站的频道可以使用下面的方法取出相应的栏目名称及参数http://qb.net/index.php/cms/wxapp.sorts.html注意,只需要把qb.net换成你的域名,cms 换成其它 ...

  8. 齐博x1标签实例:调用多个圈子同时调用贴子

    下面讲解,在首页,如何调用圈子的同时也调用他们相关的贴子. 单单调用圈子,就像调用文章一样,很多人都能轻松实现,比如下面的代码 {qb:tag name="xxx" type=&q ...

  9. 齐博软件 著名的老牌CMS开源系统 X1.0基于thinkphp开发的高性能免费开源PHP开放平台齐博x1.0基于thinkphp框架开发的高性能免费开源系统 主推圈子 论坛 预定拼团分销商城模块

    齐博X1--标签变量大全 1.网站名称: {$webdb.webname} 2.网址: {$webdb[www_url]} {:get_url('home')} 3.网站SEO关键词: 首页:{$we ...

随机推荐

  1. Chapter 02 - Let's Get Started(C#篇)

    详细解释,书上有哈.直接上代码和结果. Xcode下的自定义类 (通过new file-> cocoa class创建,保持和书中名字一样RandomController),自定义的fields ...

  2. Pinhole类声明和实现

    针孔相机,带旋转,移动等功能. 类声明: #pragma once #ifndef __PINHOLE_HEADER__ #define __PINHOLE_HEADER__ #include &qu ...

  3. powershell 执行策略

    前言 上一篇博文,我介绍了一下powershell和cmd的对比.通过学习,我发现powershell的确比cmd更加power,也更加适应现在的使用场景. 那么本文将继续介绍一个powershell ...

  4. Spring源码 14 IOC refresh方法9

    参考源 https://www.bilibili.com/video/BV1tR4y1F75R?spm_id_from=333.337.search-card.all.click https://ww ...

  5. 如何在Linux快速搭建一套ADB环境

    一.ADB简介 1.什么是ADB Android Debug Bridge,安卓调试桥,它借助adb.exe(Android SDK安装目录platform-tools下),用于电脑端与模拟器或者真实 ...

  6. 带你徒手完成基于MindSpore的CycleGAN实现

    摘要:CycleGAN图像翻译模型,由两个生成网络和两个判别网络组成,通过非成对的图片将某一类图片转换成另外一类图片,可用于风格迁移 本文分享自华为云社区<基于MindSpore的CycleGA ...

  7. R型医用变压器为什么越来越受大众喜爱?

    传统的家用电器.手机行业在2018年给电子变压器领域产生重要的冲击性,现如今,智能医疗领域日渐增加,正好是R型医疗变压器行业转型的突破口. 近些年,在我国医疗器械领域因为一个新的科技进步和工程设计持续 ...

  8. 【Django】DRF开发中的一些技巧记录

    问题记录 问题1:信号没有按预期触发 描述 编写了信号函数后,并没有如预期一般在必要时候触发,函数如下: @receiver(signals.post_save, sender=Prometheus) ...

  9. D - Distinct Trio

    D - Distinct Trio 题意:求三个数个各不相同的数目. 题解:正面考虑比较困难,可以反向思考,在总值上减去不符合的即可 #include<bits/stdc++.h> usi ...

  10. Session认证机制与JWT认证机制

    一.什么是身份认证? 身份认证(Authentication)又称"身份验证"."鉴权",是指通过一定的手段,完成对用户身份的确认.日常生活中的身份认证随处可见 ...