layui二级导航不显示问题

项目左侧写了一个大垂直导航，在右侧又写了一个小的，小的就不好使了
官网上是这个

 layui.use('element', function() {
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
   element.on('nav(leftNav)', function(elem) {
   layer.msg(elem.text());
    });
});

用在大导航上好用，小导航就不好使了
小导航写这个（注意要写在页面下方）

 <script>
        layui.use('element', function() {
            var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
            element.init();
        });
    </script>

添加完成后右面的小三角就出现啦