Question

我使用Collapsible Accordion來動態追加列表。每個可摺疊的項目應該有一些表單元素（文本輸入，textarea和一個按鈕），如下圖所示。

我的問題是，當可摺疊的手風琴動態所附沒有樣式被附接到被動態所附的形式的元素。

我試過$(‘#PageID’).page()但沒有運氣。

我的代碼

var projectListStr = "<div data-role='collapsible-set' data-theme='c' data-content-theme='d' id='collabsibleProjectList' data-inset='false'>"; 
$.each(projectList,function(index, value){ 
     LineOneprojectListStr = "<br/><p class='listP2'><strong>Aktivitet </strong>: "+CheckNullToEmptyString(this.ActivityName)+"</p>"; 
     LineOneprojectListStr += "<br/><p class='listP3'><strong>Händelse/Verksamhet</strong>: "+CheckNullToEmptyString(this.EventName)+"</p>"; 
     projectListStr += "<div data-role='collapsible' class='myset'>"; 
     projectListStr += "<h3>"+this.ProjectName+"<span class='ui-li-count'>"+checkNullToZero(this.Days[i].EventTimant2)+"</span>"+LineOneprojectListStr+"</h3>"; 
     FormStr = "<table align='center'>"; 
     FormStr += "<tr><th>Hours</th><th>Minutes</th></tr>"; 
     FormStr += "<tr><td><input type='number' name='hoursMon' id='hoursMon' value='' /> </td><td><input type='number' name='minsMon' id='minsMon' value='' /></td></tr>"; 
     FormStr += "</table>"; 
     FormStr += "<div data-role='fieldcontain' >"; 
     FormStr += "<label for='externalNotesMon'>Fakturatext</label>"; 
     FormStr += "<textarea name='textarea' id='externalNotesMon' style='min-height:120px'></textarea>"; 
     FormStr += "</div>"; 
     FormStr += "<div data-role='fieldcontain'>"; 
     FormStr += "<label for='internalNotesMon'>Intern Text</label>"; 
     FormStr += "<textarea name='textarea' id='internalNotesMon' style='min-height:120px'></textarea>"; 
     FormStr += "</div>"; 
     projectListStr +=FormStr; 
    projectListStr += "</div>"; 
}); 
projectListStr += "</div>"; 
//projectListStr +="</ul>"; 
$('#ProjectList').html(projectListStr); 
$('#home2').page(); 

Answer 1

$('#home2').trigger('create');做的魔術。