layui輪播中箭頭不起作用問題
layui輪播插件在使用中發現箭頭不起作用其他都合適，是什么原因造成的呢？發現單獨提出layui中的demo是合適的，通過仔細慢慢的尋找，發現layui.use('carousel', function(){}；是可以放form的，
但是，在輪播插件使用過程中是不可以吧插件放在form當中的，應該吧這個放在form外面。
最后問題圓滿解決。
以下是demo文檔
<!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">
<!--不要吧輪播插件使用寫在這里面，不然箭頭不起作用-->
</form>
<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>