layer的目录动态生成

<div id="navTree" style="background-color: #0c80df;float: left;width: 11%;height: 100%" >
</div>
function generatorNavTree() {
        var html = '<ul class="layui-nav layui-nav-tree layui-nav-side">\n' +
            '        <li class="layui-nav-item layui-nav-itemed">\n' +
            '            <a href="javascript:;">默认展开</a>\n' +
            '            <dl class="layui-nav-child">\n' +
            '                <dd><a href="javascript:;">选项1</a></dd>\n' +
            '                <dd><a href="javascript:;">选项2</a></dd>\n' +
            '                <dd><a href="">跳转</a></dd>\n' +
            '            </dl>\n' +
            '        </li>\n' +
            '        <li class="layui-nav-item">\n' +
            '            <a href="javascript:;">解决方案</a>\n' +
            '            <dl class="layui-nav-child">\n' +
            '                <dd><a href="">移动模块</a></dd>\n' +
            '                <dd><a href="">后台模版</a></dd>\n' +
            '                <dd><a href="">电商平台</a></dd>\n' +
            '            </dl>\n' +
            '        </li>\n' +
            '        <li class="layui-nav-item"><a href="">产品</a></li>\n' +
            '        <li class="layui-nav-item"><a href="">大数据</a></li>\n' +
            '    </ul>';
        $('#navTree').html(html);

        //重新加载js
        jQuery.getScript("${base.contextPath}/lib/layui/layui.all.js", []);
    }