1.首先检查自己有没有导入layui.js
2.检查是否已经加载element模块
<ul>
.......
</ul>
//放到你导航栏代码块的后面
<script>
//注意:导航 依赖 element 模块,否则无法进行功能性操作
layui.use('element', function(){
var element = layui.element;
});
</script>
3.如果前两部都做过了没用,而且你是F12查看网页源码,直接复制到你的代码里的,那么很大概率就是下面这段代码的问题:需要删去最后一行的 <span class="layui-nav-bar" style="left: 362px; top: 55px; width: 0px; opacity: 0;"></span>就可以立即见效,侧边导航无法展开同理删去多余的span标签
<ul class="layui-nav">
<li class="layui-nav-item"><a href="">最新活动</a></li>
<li class="layui-nav-item layui-this"><a href="">产品</a></li>
<li class="layui-nav-item"><a href="">大数据</a></li>
<li class="layui-nav-item">
<a href="javascript:;">解决方案<span class="layui-nav-more"></span></a>
<dl class="layui-nav-child layui-anim layui-anim-upbit">
<dd><a href="">移动模块</a></dd>
<dd><a href="">后台模版</a></dd>
<dd><a href="">电商平台</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="">社区</a></li>
<span class="layui-nav-bar" style="left: 362px; top: 55px; width: 0px; opacity: 0;"></span>
</ul>