2014-11-05 97 views
0

我一直在尝试使用jQuery嵌套手风琴和JSON对象。jQuery与JSON嵌套手风琴

我试图成功构建层次结构。但是,由于某种原因,当我点击子元素手风琴时,整个手风琴都会崩溃。

任何想法我做错了什么?任何帮助,将不胜感激。

+0

你具有多个具有相同ID“accordion”的元素,所以该功能在第一个手风琴上执行元素 – 2014-11-05 19:01:22

+0

@ADASein,谢谢你的回复。但是,我怎样才能生成动态手风琴嵌套元素标签?而在HTML中,它将始终有一个带手风琴ID的div,因为我不知道嵌套的儿童手风琴的数量。 – 2014-11-05 19:03:37

回答

1

这是可以做到这样:

mangoServiceList += '<div class="accordion" ><h4><li>'+ mangoServ.name +'</li></h4><div>' + mangoServ.description+ '</div></div>'; 

注意,现在这不是ID,但类

然后添加的funcionality

$(".accordion").each(function(){ 
    $(this).accordion({ 
     collapsible:true, 
     active:false 
    }); 
}); 

检查新jfiddle:http://jsfiddle.net/3zza6L4v/

+0

我是否应该更改HTML属性以及从ID到类? – 2014-11-05 19:15:32

+0

太棒了! – 2014-11-05 19:16:55