动态控件组和复选框无样式

所以我尝试将动态内容直接加载到我的复选框容器（group_checkboxes）中

<div id='group_checkboxes' data-role="fieldcontain">

</div>

这是我正在运行的用于填充容器的语句：

$('#group_checkboxes').append('<fieldset data-role="controlgroup"><input type="checkbox" name="' + $(this).find('data').text() + '" class="custom" /><label for="' + $(this).find('data').text() + '">' + $(this).find('label').text() + '</label></fieldset>');

复选框已全部填充，但未应用 jQuery 样式。

根据docs http://jquerymobile.com/demos/1.0a4.1/#docs/forms/forms-checkboxes.html我需要做的就是调用这个函数来更新复选框样式......

$("input[type='checkbox']").checkboxradio("refresh");

但这不起作用...知道我做错了什么吗？

将复选框或单选按钮附加到控制组动态地，您处理两个 jQuery Mobile 小部件，.checkboxradio() and .controlgroup().

添加新元素后，两者都应该使用 jQuery Mobile CSS 创建/更新/增强/样式化。

最新稳定版本和RC版本实现的方式有所不同，但方法是相同的。

jQuery Mobile 1.2.x - 1.3.x（稳定版本）

追加后checkbox / 单选按钮静态或动态控制组, .checkboxradio()应该首先调用以增强checkbox / 单选按钮标记然后.controlgroup("refresh")重新设计风格控制组 div.

$("[type=checkbox]").checkboxradio();
$("[data-role=controlgroup]").controlgroup("refresh");

Demo http://jsfiddle.net/Palestinian/2yjgg/

jQuery 移动 1.4.x

这里唯一的区别是元素应该附加到.controlgroup("container")

$("#foo").controlgroup("container").append(elements);

然后增强两者控制组以及其中的所有元素，使用.enhanceWithin().

$("[data-role=controlgroup]").enhanceWithin().controlgroup("refresh");

Demo http://jsfiddle.net/Palestinian/ertz6/