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>

      

  • 相关阅读:
    HTML特殊字符编码对照表
    在Echarts 柱形图的单击事件中写入自定义的参数
    IIS7.5支持解析读取.json文件数据 -- 问题
    VS SVN
    WebApi 跨域问题解决方案:CORS
    SQL Server2012中的SequenceNumber尝试
    Oracle数据类型与.NET中的对应关系
    MongoDB 学习 --转
    MongoDB 基础
    CSS魔法堂:你真的懂text-align吗?
  • 原文地址:https://www.cnblogs.com/angusbao/p/9454187.html
Copyright © 2011-2022 走看看