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,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步