2
我使用Collapsible Accordion来动态追加列表。每个可折叠的项目应该有一些表单元素(文本输入,textarea和一个按钮),如下图所示。jQuery Mobile - 风格不适用于动态表单元素
我的问题是,当可折叠的手风琴动态所附没有样式被附接到被动态所附的形式的元素。
我试过$(‘#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();
看看我的其他答案/文章,所以你可以理解为什么:http://stackoverflow.com/a/14550417/1848600,page()不工作从版本1.1 – Gajotres 2013-02-22 12:32:05