jQuery UI手風琴無法使用Javascript

Question

當我僅使用純HTML時，手風琴通常可以工作。

但是，我使用的是動態數據，因此我正在實現Javascript以為手風琴創建<div>和<h3>標簽。

我正在使用以下代碼段：

 $('#rangeInfo').append('<div id=\"accordion\">');
 for ( var obj in timeClusters) {
     $('#rangeInfo').append ('<h3> ' + timeClusters[obj].startReal + '</h3> <div>Information</div>'  );       
 }
 $('#rangeInfo').append('</div>');
 $(document).ready(function() {
     $("#accordion").accordion();
 });

Answer 1

DOM不是這樣工作的，您不能單獨插入開始和結束標簽。 您應該插入元素。

$('<div id="accordion">').append(function() {
   return $.map(timeClusters, function(obj) {
      return '<h3>' + obj.startReal + '</h3><div>Information</div>';
   }).join('');
}).appendTo('#rangeInfo').accordion(); 

Answer 2

</h3 <div>Information</div>缺少>

也

'<div id=\\"accordion\\">'可以是'<div id="accordion">'