追加表单和输入到表单 jQuery Mobile答案

【问题标题】：Append Form And Input To Form jQuery Mobile追加表单和输入到表单 jQuery Mobile
【发布时间】：2013-08-20 04:09:03
【问题描述】：

我正在根据使用 jquery mobile 的 ajax 调用返回的数据将复选框附加到表单中。当我附加表单及其元素时，表单会丢失其所有样式。复选框应该连接在一起，提交按钮的样式也不同。

jsFiddle Example

JS代码：

$('#editattendancecontent').append('<p>Who Attended?</p><form id="editattendanceform"><div data-role="fieldcontain"><fieldset data-role="controlgroup" id="editattendancelist"></fieldset></div><input type="submit" value="Save Attendance" data-inline="true" /></form>');
for (var i = 0; i<5; i++)
{
    $('#editattendancelist').append('<input type="checkbox" id=\"' + i + '\" class="custom" /><label for=\"' + i + '\">'+i+'</label>').trigger('create');
}
$('input: checkbox').checkboxradio("refresh");

【问题讨论】：

?我看不到初始样式
再次运行小提琴中的代码

标签： javascript jquery forms mobile append

【解决方案1】：

尝试使用准备好的文档并将最后一行的选择器更改为“：checkbox”

$(document).ready(function(){
   $('#editattendancecontent').append('<p>Who Attended?</p><form id="editattendanceform"><div data-role="fieldcontain"><fieldset data-role="controlgroup" id="editattendancelist"></fieldset></div><input type="submit" value="Save Attendance" data-inline="true" /></form>');
for (var i = 0; i<5; i++)
{
    $('#editattendancelist').append('<input type="checkbox" id=\"' + i + '\" class="custom" /><label for=\"' + i + '\">'+i+'</label>').trigger('create');
}
$(':checkbox').checkboxradio("refresh")

});

【讨论】：