Jquery ui accordion jqueryui手风琴赢得'；使用web数据库动态创建时不会崩溃

当手风琴单独出现在页面上时，它可以正常工作，但是当我通过web数据库动态填充单个标题/内容对时，标题和内容将被解开。我实现它的方式有问题吗

数据库的其余部分（在两个不同的字段中插入字典术语和定义）在没有手风琴功能的情况下运行正常。可以理解的是，我想集成手风琴，这样用户就可以减少滚动

下面是实现的代码，然后是直接从源代码中注释出来的代码，用于比较：

function showRecords() {
  var results = '';
  results.innerHTML = '';
  db.transaction(function(tx) {
     tx.executeSql(selectAllStatement, [], function(tx, result) {
        dataset = result.rows;
        for (var i = 0, item = null; i < dataset.length; i++) {
           item = dataset.item(i);
           results.innerHTML = '<div id="accordion">';
           results.innerhtml += '<h3>' + item['term'] + '</h3><div><p>' + item['definition'] + '<button class="glossaryButton2" onClick="loadRecord('+i+')">Edit</button> <button  class="glossaryButtonDel" style="float:right;" onClick="deleteRecord(' + item['id'] + ')">Delete</button></p><hr></div>';
           }
        });
});
results.innerHTML += '</div>';
// TRIED: $('#accordion').html(results).accordion({collapsible: true});
// TRIED: $("#accordion").accordion({collapsible: true});
// getter
var collapsible = $( "#accordion" ).accordion( "option", "collapsible" );
// setter
$( "#accordion" ).accordion( "option", "collapsible", true );
exportRecords();
}

函数showRecords（）{
var结果=“”；
results.innerHTML=''；
数据库事务（功能（tx）{
tx.executeSql（selectAllStatement，[]，函数（tx，result）{
数据集=result.rows；
对于（var i=0，item=null；i
；
}
});
});
results.innerHTML+=''；
//尝试：$（'#accordion'）.html（results.accordion（{collapsible:true}）；
//试用：$（“#手风琴”）。手风琴（{可折叠：真}）；
//吸气剂
var可折叠=$（“#accordion”）。accordion（“期权”，“可折叠”）；
//塞特
$（“手风琴”）。手风琴（“选项”，“可折叠”，真）；
导出记录（）；
}

（解释$（'#accordion'）.html（results）.accordion（{collapsable:true}）；：“accordion调用仅在DOM中被调用时对匹配的元素起作用。由于您是动态添加accordion，因此没有任何匹配的内容。加载新内容后，您需要重新应用accordion。”我想这就是我不知道的地方。）

/*原始手风琴的HTML：
第一节
莫里斯·莫里斯·安特、布兰迪·埃特、奥特莱斯a、苏西比特·埃特、夸姆。整数ut neque。胎膜早破，胎膜早破，妊娠期，调味品，无核细胞。南阿尼布。Donec suscipit Peros。南美

*/

上述问题不是jqueryui独有的。我在其他4-5款Javascript手风琴上也遇到了同样的问题——我一直在尝试！我总是独自尝试手风琴；如果它能工作，那么我将它与数据库+innerHTML集成——并发现它正在崩溃

---

（FY:此代码与Zurb基金会3共享空间，并使用它附带的jQuery。它与数据库中使用的HTML手风琴版本相比效果良好，因此不可能是问题。）

难以解析我脑中的那行，但您是否错过了关闭？TMACK：不，它就在//tryed语句的正上方。JS控制台中有错误吗？Google的工具中没有此页面的错误。

/* The HTML of original accordion:

<div id="accordion">

   <h3>Section 1</h3>
   <div>
      <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi.</p>
   </div>

</div>
*/