javascript - jQuery UI Accordion 不适用于 Javascript

Question

当我只使用纯 html 时， Accordion 通常可以正常工作。

但是，我使用的是动态数据，所以我正在实现 Javascript 来创建 <div>和 <h3> Accordion 的标签。

我正在使用这段代码:

 $('#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();