LayUI面板组件动态拼接后，失效的问题解决方案

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/java_cxrs/article/details/89716791

当我们使用LayUI的面板元素时，可能会动态的去拼接相应的面板数据，当我们运行程序后，会发现面板不能按正常的效果执行，解决办法是须手工执行 element.init(type, filter)方法即可。

官方说明：https://www.layui.com/doc/modules/element.html#render

比如我们通过js动态生成页面元素，最后我们需要 layui.element.init();//初始化

/**
 * 初始化内容区域的
 */
function loadmarinhtml() {

    var rightstr = "";
    for (var i = 0; i < rightarr.length; i++) {
        rightstr += "<div class='layui-colla-item'> <h2 class='layui-colla-title'>"
            + rightarr[i].cmsContentExt.title + " </h2> " +
            "<div class='layui-colla-content'>"
            + rightarr[i].cmsContentTxt.txt + "</div></div>"
    }
    $(".layui-collapse").html(rightstr);

    layui.element.init();//初始化
}