折叠面板无效

提问 未结
9 678
伴你同行
伴你同行 2017-6-16
悬赏:5飞吻

代码没问题啊,为什么就是没效果
回帖
  • 你确定你的js都引进来了吗?
    0 回复
  • @花里胡哨 不是只要引进layui.js吗[泪] 文档上面就是这样啊
    0 回复
  • 慕容雪
    2017-6-16
    你的样式呢[汗]
    0 回复
  • @慕容雪 也加进来啦
    0 回复
  • 慕容雪
    2017-6-16
    @伴你同行 F12看看错误吧
    0 回复
  • @伴你同行 别急,慢慢调试,有点错误很正常,最后结果是美好的
    0 回复
  • 墨涵
    2017-6-16
    你引用了jquery了吗?
    0 回复
  • 蘇夜
    2017-6-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 回复
  • 用浏览器调试, 看看是否有报错, 首先保证没有问题了再说 . . .
    建议用Chrome浏览器调试

    还有就有点击尝试有没有折叠效果吗 ? 你把 layui-show 属性都去掉, 再看看效果, 据我了解, layui-show属性加上了是显示, 去掉是隐藏
    0 回复