Динамическое обновление jquery mobile foldapsible

Question

У меня есть складной внутри панели, который я динамически загружаю с контактами с телефона. По какой-то причине, когда я динамически добавляю содержимое, он отображается как обычный текст. Я пробовал метод обновления и по какой-то причине все еще не работает. Благодаря тонну.

вот ДИВ складная содержится в:

 <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 

     } 

Answer 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