从循环中动态填充可折叠DIV列表

Question

我正在尝试将可折叠的DIV与JQuery移动CSS动态添加到页面.DIV列表和相关内容填充在for循环中。

items.forEach(function (entity) {
  document.getElementById("auditListHolder").innerHTML = document.getElementById("auditListHolder").innerHTML +
    "<div data-role='collapsible' data-collapsed='false'>" +
    "<h3>" + entity.AuditName + "</h3>" +
    "<p>" + entity.Content + "</p>" +
    "</div>";
});

我尝试使用此代码在循环的每次迭代中将DIV添加到现有的DIV集，但DIV不会呈现为可折叠的DIV。该列表显示为普通DIV，内容如下所示：

代码是否有问题或CSS存在问题。

Answer 1

在循环之后尝试在元素auditListHolder上调用.trigger（“create”）！

Answer 2

动态追加元素后调用窗口小部件增强.collapsible();。

$('selector').collapsible();

  

selector = [data-role=collapsible]，#id，.class等......