Layui导航栏下拉菜单不显示问题

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>