将子项插入到JIV UI手风琴的DIV中

时间:2011-06-09 18:49:32

标签: javascript jquery html jquery-ui

我有一个空DIV的页面,我想把它变成手风琴。我从文档中了解到,section标题需要是H3标记,而子元素需要是P或DIV。也许我说得不对劲。我有这个代码在页面加载时运行。手风琴是成功创建的,但它没有一个包含 n 个子项的部分,而是为每个其他子项创建一个标题。 elements变量是从ajax调用返回的地图(字典),其中包含需要在手风琴中显示的元素的标题和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以查看结构是否正确创建或是什么。

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

如果它对任何人都有用,那么标题部分下的元素需要包含在另一个元素中,例如DIV或P.一旦我这样做,部分和项目就会被正确排列。

谢谢!