如何正确地将元素附加到jquery mobile中的可折叠div？答案

【问题标题】：how to correctly append elements to collapsible div in jquery mobile?如何正确地将元素附加到jquery mobile中的可折叠div？
【发布时间】：2015-07-01 09:39:21
【问题描述】：

所以我正在尝试将元素附加到可折叠 div

我从数据库中调用数据，然后将其添加到 div 中

function loadItems(tx,result){
var htmlString;
var len = result.rows.length;
for (var i=0; i<len; i++){
    htmlString+='<div data-role="collapsible" data-collapsed="true"><h3> '+ (i+1) +'-'+ result.rows.item(i).emp_name +'</h3>';
htmlString+='<p> per hour:'+result.rows.item(i).emp_right+'</br> Per extra hour:'+result.rows.item(i).emp_addedright+' </p></div>';


}

$('#emplist').html(htmlString).collapsibleset().trigger('create');

}

它工作正常，但由于某种原因，它在元素之前的顶部显示了“未定义”一词

我假设我做错了什么但是什么？！

【问题讨论】：

标签： jquery html cordova jquery-mobile

【解决方案1】：

不知道为什么会这样，但您可以通过销毁 collapsibleset 小部件、添加可折叠部件然后重新初始化小部件来解决它：

$('#emplist').collapsibleset("destroy").html(htmlString).collapsibleset().enhanceWithin();

DEMO

【讨论】：

在模拟器中不起作用，仍然显示“未定义”