layui轮播中箭头不起作用问题
layui轮播中箭头不起作用问题
layui轮播插件在使用中发现箭头不起作用其他都合适，是什么原因造成的呢？发现单独提出layui中的demo是合适的，通过仔细慢慢的寻找，发现layui.use('carousel', function(){}；是可以放form的，
但是，在轮播插件使用过程中是不可以吧插件放在form当中的，应该吧这个放在form外面。
最后问题圆满解决。
以下是demo文档
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>carousel模块快速使用</title> <link rel="stylesheet" href="/static/build/layui.css" media="all"></head><body> <form class="layui-form layui-form-pane" action="" method="post" enctype="multipart/form-data"><br><br><!--不要吧轮播插件使用写在这里面，不然箭头不起作用--><br><br></form><br><div class="layui-carousel" id="test1"> <div carousel-item> <div>条目1</div> <div>条目2</div> <div>条目3</div> <div>条目4</div> <div>条目5</div> </div></div><!-- 条目中可以是任意内容，如：<img src=""> --> <script src="/static/build/layui.js"></script><script>layui.use('carousel', function(){ var carousel = layui.carousel; //建造实例 carousel.render({ elem: '#test1' ,width: '100%' //设置容器宽度 ,arrow: 'always' //始终显示箭头 //,anim: 'updown' //切换动画方式 });});</script></body></html> |
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· 展开说说关于C#中ORM框架的用法！
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？