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

Question

所以我试图将元素追加到可折叠的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');

}

它工作正常但由于某种原因它显示了单词＆＃34; undefined＆＃34;在元素之前的顶部

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

Answer 1

不确定为什么会发生这种情况，但你可以通过销毁collapsibleset小部件，添加可折叠内容然后重新初始化小部件来解决它：

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

  

<强> DEMO