动态更新jquery mobile可折叠

时间:2013-11-12 07:31:01

标签: 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="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

        }

1 个答案:

答案 0 :(得分:0)

请你试试这个:

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