layui 動態左樹導航欄顯示樣式BUG規避

先看問題現象：

使用 layui 的左樹功能，先在html頁面添加左樹功能引入

<ul class="layui-nav layui-nav-tree layui-nav-side">
    <li class="layui-nav-item  layui-this">
        <a id="tree_menu_home" href="#">首頁</a>
    </li>
</ul>

 然后再 js 代碼中動態拼接 ul 下的 li 元素，顯示出來的效果發現菜單欄無法展開，添加了一個初始化后，顯示效果如下圖：

element.init();

 

發現左樹菜單欄的樣式有點問題，鼠標懸浮1級菜單后樣式不正確。

規避方案：

不要在 html 里面添加 ul 的定義，全部在 js 里面動態生成，然后拼接到 dom 元素上后 element.init(); 一下就可以了。