zoukankan      html  css  js  c++  java
  • layui轮播中箭头不起作用问题

      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' , '100%' //设置容器宽度 ,arrow: 'always' //始终显示箭头 //,anim: 'updown' //切换动画方式 }); }); </script> </body> </html>

      

  • 相关阅读:
    Netty 中的内存分配浅析-数据容器
    你想了解的 HTTPS 都在这里
    加解密算法分析
    HTTP 协议详解(二)
    HTTP 协议详解
    Netty 中的内存分配浅析
    TCP / IP 精彩回顾-必看
    Netty 中的消息解析和编解码器
    Netty 中的粘包和拆包
    python 类中方法总结 --- 实例方法、类方法、静态方法
  • 原文地址:https://www.cnblogs.com/angusbao/p/9454187.html
Copyright © 2011-2022 走看看