业务经理

微信扫描以上二维码

028-61286886

技术咨询

对于有活动class="active"样式的幻灯片,调用标签怎么写

迅睿框架 更新 2022-05-17 11:33:05 阿陆来


对于有活动class="active"样式的幻灯片,调用标签怎么写,比如以下代码怎么写调用标签

QQ截图20220516145751

方案

  • 迅睿粉丝 #1 · 2022-05-16 20:56:23
    用bootsat可以做,建议学学前端吧!
  • karas #2 · 2022-05-17 10:25:21
    这个active是轮播插件自动追加的,引入插件js,内容部分只需要正常写不带active的dom就行了
    swiper和carousel都是这样的
  • 阿陆来 #3 · 2022-05-17 10:37:29
    karas 不写带active,不行的,我测试过
  • 大圣 #4 · 2022-05-17 10:49:49
    你是需要默认第一个 带 active 类吧 只需要 判断 key 就可以了 建议下载标签插件 查看调用标签
  • 阿陆来 #5 · 2022-05-17 11:33:05
    大圣 你的思路不错,但我怎么写判断key,都实现不出来<div class="carousel slide" id="carousel-649599"> <ol class="carousel-indicators"> {loop $return $key $t} <li {if $key==0}class="active"{/if} data-slide-to="{$key}" data-target="#carousel-649599"> </li>{/loop} </ol> <div class="carousel-inner"><?php $mysite=dr_site_value('hdtp');?>{php $mval = $mysite;} {loop $mval $v} <div class="item{if $key==0} active{/if}"> <img alt="{$v[2]}" src="{dr_get_file($v[1])}" /> <div class="carousel-caption"> <h4>{$v[2]} </h4> </div> </div>{/loop} </div> <a class="left carousel-control" href="#carousel-649599" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-649599" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a> </div>

迅睿系统漏洞

GEO系统
GEO系统(2026-09-15)
运营客户端,防止误触阴影处关闭对话框
独立站群系统
独立站群系统(2026-09-14)
子站独立部署时修复同步附件失败问题
在线客服
在线客服(2026-09-13)
修复删除会话报错问题 删除会话时联动删除聊天图片
在线考试竞赛系统
在线考试竞赛系统(2026-09-12)
增加投票功能 考试功能拓展 注意:更新后需要执行系统更新,更新数...
网上信箱
网上信箱(2026-09-12)
修复新版本兼容问题
GeoSeo收录宝
GeoSeo收录宝(2026-09-12)
1 优化Update.php文件,解决版本在线升级不完整问题 2 ...
GeoSeo工具箱
GeoSeo工具箱(2026-09-11)
修正历史记录推送
微信系统
微信系统(2026-09-11)
增加数据统计总览界面 账号管理增加服务和公众号的区别 菜单管理支持更...
答题系统
答题系统(2026-09-11)
一站式在线答题系统,支持真题考试、题库练习和错题本,适合培训、考证、...
阿里云滑动验证码
阿里云滑动验证码(2026-09-10)
采用阿里云验证码替换迅睿系统自带的图片验证码和滑动验证码。后台设置方...