动态更新jquery mobile可折叠答案

【问题标题】：Dynamically updating jquery mobile collapsible动态更新jquery mobile可折叠
【发布时间】：2013-11-12 16:22:23
【问题描述】：

我在面板内部有一个可折叠的面板，我正在动态加载手机中的联系人。由于某种原因，当我动态添加内容时，它显示为纯文本。我已经尝试了刷新方法，但由于某种原因它仍然无法正常工作。非常感谢。

这是可折叠的 div：

        <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

        }

【问题讨论】：

每个联系人都将显示在集合中，并带有自己的可折叠内容

标签： jquery mobile dynamic

【解决方案1】：

你能不能试试这个：

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

【讨论】：