将表单和输入附加到表单jQuery Mobile
Append Form And Input To Form jQuery Mobile
我正在使用jquery mobile将基于ajax调用返回的数据的复选框附加到表单中。当我附加表单及其元素时,表单将失去所有样式。复选框应该附加在一起,提交按钮也有不同的样式。
jsFiddle示例
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");
尝试使用文档就绪并将最后一行的选择器更改为":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")
});
相关文章:
- jQuery表单添加不适用于下拉列表
- 同时打印并提交表单-jQuery.Print
- 如何不清除表单jQuery中禁用的输入
- 如何检查输入中的值以及值是否存在提交表单?jquery.
- 登录表单 jQuery 插件无法按预期工作
- 谷歌电子表格网站表单jQuery脚本阻止发送
- 如何做不成功提交表单jquery
- 将表单和输入附加到表单jQuery Mobile
- 在我的切换表单jquery脚本中出现问题
- 使用动态表单 jquery 创建多维数组
- 使用一个类提交多个表单(jquery, rails)
- 有一个按钮打开右边的表单JQuery
- 取消按钮php表单jquery
- 按钮必须按一个特定的顺序发送表单- jquery
- 产品验证表单jquery
- rails嵌套表单jquery图像预览
- 获取表单(Jquery与Javascript)
- 将类型文件的输入附加到表单jquery中
- 如何从理想表单jQuery中删除验证规则
- Ruby on rails -加载更多按钮与kaminari和搜索表单.Jquery的问题