javascript - 将子级插入到 jQuery UI Accordion 的 DIV 中

Question

我有一个包含空 DIV 的页面，我想将其变成 Accordion 。我从文档中了解到，节标题需要是 H3 标签，而子元素需要是 P 或 DIV。也许我没有得到它的权利。我有这段代码在页面加载时运行。 Accordion 已成功创建，但不是有一个包含 n 个子项的部分，它似乎正在为每个其他子项创建一个标题。 elements 变量是一个从 ajax 调用返回的 map (字典)，其中包含需要在 Accordion 中显示的元素的标题和 URL。

var markup = "";

markup += "<h3><a href='#'>Controls</a></h3>";

$.each(elements, function (title, url) {
    markup += "<div><a href='" + url + "'>" + title + "</a></div>";
});

$("#accordion").append(markup);
$("#accordion").accordion();

所以基本上我所期待的是最后的这个标记结构:

<h3><a href='#'>Controls</a></h3>
<div><a href='xxx'>Foo</a></div>
<div><a href='yyy'>Bar</a></div>
... etc

我不确定我在这里做错了什么。我使用的是无法安装 firefox 或 chrome 的公司笔记本电脑，因此我无法查看动态 DOM 以查看是否正确创建了结构或其他内容。

Answer 1

也许您正在寻找 add() 而不是 append()。