jQuery ui手风琴动态内容

Question

我有一个jQuery UI手风琴。

在我的HTML中我只有一个div声明

<div id="mydiv"></div>

JS

$("#mydiv").accordion();

我还有一个创建“mydiv”内容的功能 渲染的html：

<h3>123</h3>
<div>content</div
<h3>456</h3>
<div>content</div
<h3>789</h3>
<div>content</div

手风琴不起作用，因为如果我查看我的来源，html没有改变是正常的。我使用.append方法将争用添加到“mydiv”。 （我也试过.html）

是否有更好的方法来编辑html，以便手风琴可以正常工作。 （javascript / jQuery有像C＃这样的字符串构建器吗？）

更新：

我用于将HTML添加到我的页面的功能

function GetSectionList(jsonurl) {
  $.getJSON(jsonurl).done(function(data) {
    $.each(data.sections, function(sections, sectionItem) {
      $("#mydiv").append("<h3>" + sectionItem.name + "</h3>");
      $("#mydiv").append("<div><p>hello</p></div>");

      //$("#mydiv").html("<h3>abc</h3><div>test</div>");

      //Get article list
    });
  });
}