Jquery ui 编辑引导模板，动态添加小部件，并在页面allready加载后重新生成小部件

我正在使用

https://wrapbootstrap.com/

他们使用j

arvisWidget/SmartWidget

，这非常容易使用

页面加载后，我将使用

jquery

函数动态添加一些小部件：

$(".items-container").append('<article class="col-xs-12 col-sm-6 col-md-4 col-lg-3 sortable-grid ui-sortable">\
                                        <div class="jarviswidget" id=wid-id-"'+itemId+'">   \
                                            <header>\
                                                <span class="widget-icon"> <i class="glyphicon glyphicon-search"></i> </span>\
                                                <h2>'+ data.title +'</h2>               \
                                            </header>   \
                                            <div>\
                                                <div class="jarviswidget-editbox"> \
                                                    <!-- This area used as dropdown edit box --> \
                                                    <input class="form-control" type="text">    \
                                                </div>\
                                                <div class="widget-body">\
                                                    Here is an item\
                                                </div>\
                                            </div>\
                                        </div>\
                                    </article>');

$（“.items容器”）.append（'\
\
\
\
“+data.title+”\
\
\
\
\
\
\
\
这是一个项目\
\
\
\
');

小部件被添加，但作为普通HTML，而不是作为HTML页面上的预定义小部件重新生成

如何重新初始化当前页面上的所有当前小部件/仅初始化尚未初始化的小部件

我现在找到的一个临时解决方案是创建我自己的

pageSetUp（）setup\u widgets\u desktop（）

---

但我正在寻找更坚实的东西。

我也有同样的问题。我调用了一个ajax方法来将小部件添加为html。调用

pageSetUp（）和
setup_widgets_destop（）
将重新初始化所有元素，因此最好只重新初始化容器中的小部件。我的解决办法如下：

我在里面插入小部件

$("#div-id").html(widgetsHTML);

我首先使用

 $("#div-id").jarvisWidgets('destroy');

然后使用

$("#div-id").jarvisWidgets();

您还可以将默认值传递为：

$("#form-data").jarvisWidgets({
    "fullscreenClass": "fa fa-expand | fa fa-compress",
    "toggleClass": "fa fa-minus | fa fa-plus"
});

我希望这会有所帮助。
您是否解决了此问题？