动态更新jquery mobile可折叠
我有一个可折叠的面板内部,我正在动态加载来自手机的联系人。由于某些原因,当我动态添加内容时,它显示为纯文本。我尝试了刷新方法,但由于某种原因,它仍然无法工作。非常感谢 以下是可折叠文件所包含的div:动态更新jquery mobile可折叠,jquery,mobile,dynamic,Jquery,Mobile,Dynamic,我有一个可折叠的面板内部,我正在动态加载来自手机的联系人。由于某些原因,当我动态添加内容时,它显示为纯文本。我尝试了刷新方法,但由于某种原因,它仍然无法工作。非常感谢 以下是可折叠文件所包含的div: <div id="srchResults" data-role="collapsible-set" data-inset="false" data-theme="c" data-content-theme="d" data-mini="true">
<div id="srchResults" data-role="collapsible-set" data-inset="false" data-theme="c" data-content-theme="d" data-mini="true">
<div id="resultdiv" data-role="collapsible">
</div>
以下是jquery:
for (var i=0; i<contacts.length; i++) {
$('#resultdiv').append("<h3>"+contacts[i].name.formatted+"</h3>"+"<p>"+'test'+"</p>");
$("#srchResults").collapsibleset("refresh");
$( "#mypanel" ).trigger( "updatelayout" ); //updates the panel that contains the collapsible
}
for(var i=0;i你能试试这个吗:
for (var i=0; i<contacts.length; i++) {
$('#srchResults').append("<div id='resultdiv"+i+"' data-role='collapsible'><h3>"+contacts[i].name.formatted+"</h3>"+"<p>"+'test'+"</p></div>");
} $("#srchResults").collapsibleset("refresh");$( "#mypanel" ).trigger( "updatelayout" ); //updates the panel that contains the collapsible
for(var i=0;每个联系人将在集合中显示其自己的可折叠内容