折叠面板无效

未结贴
9 495
伴你同行
伴你同行 2017-06-16
悬赏:5飞吻

代码没问题啊,为什么就是没效果
  • 你确定你的js都引进来了吗?
    0 回复
  • 伴你同行
    2017-06-16
    @花里胡哨 不是只要引进layui.js吗[泪] 文档上面就是这样啊
    0 回复
  • 慕容雪
    2017-06-16
    你的样式呢[汗]
    0 回复
  • 伴你同行
    2017-06-16
    @慕容雪 也加进来啦
    0 回复
  • 慕容雪
    2017-06-16
    @伴你同行 F12看看错误吧
    0 回复
  • @伴你同行 别急,慢慢调试,有点错误很正常,最后结果是美好的
    0 回复
  • 墨涵
    2017-06-16
    你引用了jquery了吗?
    0 回复
  • 蘇夜
    2017-06-16
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>折叠</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="css/layui.css" type="text/css"/>
    </head>
    <body>
    <div class="layui-collapse">
    <div class="layui-colla-item">
    <h2 class="layui-colla-title">杜甫</h2>
    <div class="layui-colla-content layui-show">内容区域</div>
    </div>
    <div class="layui-colla-item">
    <h2 class="layui-colla-title">李清照</h2>
    <div class="layui-colla-content">内容区域</div>
    </div>
    <div class="layui-colla-item">
    <h2 class="layui-colla-title">鲁迅</h2>
    <div class="layui-colla-content">内容区域</div>
    </div>
    </div>
    </body>
    <script type="text/javascript" src="lay/dest/layui.all.js" ></script>
    <script>
    layui.use(['element', 'layer'], function(){
    var element = layui.element();
    var layer = layui.layer;

    });
    </script>
    </html>
    0 回复
  • 小白码农
    2017-06-17
    用浏览器调试, 看看是否有报错, 首先保证没有问题了再说 . . .
    建议用Chrome浏览器调试

    还有就有点击尝试有没有折叠效果吗 ? 你把 layui-show 属性都去掉, 再看看效果, 据我了解, layui-show属性加上了是显示, 去掉是隐藏
    0 回复
近期热议
layui 官网累计下载量突破 200000 68
(已结束)LayIM 3.x 标准版盛情巨惠,以最低门槛 加入 LayIM 会员群 56
很好奇社区里使用layui的程序员里面是前端的多还是后端的多 25
字体图标是不是有点少了 16
php多久能学会 15
按照社区的模版用了一周时间,仿照了个系统,献丑了,晒晒哈 14
建议LayUI永久免费,不要发布收费版本 14
有购买LayIm 整套的朋友吗?进来解答解答 14
关于动态TABLE 12
贤心你好,请教几个技术问题? 11
layui

微信扫码关注 layui 公众号