layui动态获取左边菜单栏数据实现展开收起

之前写的时候获取了数据，显示之后没有点击效果，后来才知道是因为少了element.init()~~~~~~以此记录一下

$.ajax({
                headers:{"token":},
                type: 'get',
                url: ,
                dataType: 'json',
                success: function(obj) {
                    layer.msg('获取成功');
                    var getTpl = document.getElementById('demo').innerHTML
                        ,view = document.getElementById('LAY-system-side-menu');
                    laytpl(getTpl).render(obj.data, function(html){
                        view.innerHTML = html;
                        // console.log(html)
                    });
                    element.init(); //最重要的一句
                    
                },
                error:function(){
                    layer.msg('服务器连接异常')
                }
            });

<script id="demo" type="text/html">

            {{#  layui.each(d, function(index, item){ }}
            {{# if(index==0){ }}
            <li data-name="" class="layui-nav-item">
                <a href="javascript:;" lay-href="{{= item.menuUrl}}" lay-tips="{{= item.permissionName }}" lay-direction="2">
                    <i class="layui-icon {{= item.iconName}}"></i>
                    <cite>{{ item.permissionName }}</cite>
                </a>
            </li>
            {{# }else{  }}
            <li data-name="" class="layui-nav-item">
                <a href="javascript:;" lay-tips="{{= item.permissionName }}" lay-direction="2">
                    <i class="layui-icon {{= item.iconName}}"></i>
                    <cite>{{ item.permissionName }}</cite>
                </a>
                <dl class="layui-nav-child">
                    {{#  layui.each(item.menuList, function(index, aa){ }}
                    <dd data-name="">
                        <a lay-href="{{= aa.menuUrl }}">{{ aa.permissionName }}</a>
                    </dd>

                    {{#  }); }}
                </dl>
            </li>
            {{# } }}
            {{#  }); }}


    </script>