使用JQuery/JQM动态创建复选框时如何保留CSS样式

Question

我有一些代码从数据库中获取值，并使用它们动态创建一组复选框：

$("#cTable").append('<fieldset data-role="controlgroup"> <legend>Option</legend>');

cDest = "includes/loadCategories.php"; 

$.getJSON(cDest, function(data) {
    cInfo = data.items;
    $.each(cInfo, function(index, info) {

        $("#cTable").append('<input type="checkbox" name="cat" id="cat_' + info.S_ID + ' class="ui-checkbox" value="' + info.S_ID + '" /><label for="chkCat_' + info.S_ID + '">' + info.S_Name + '</label> </br>');
    });
    $("#cTable").append('</fieldset>');
}); 

问题在于这些新创建的复选框没有采用JQuery Mobile CSS样式。有没有办法将JQM css分配给这个动态创建的元素？

我考虑使用JQuery .CSS()函数，但由于我实际上不知道所需的CSS（因为它是默认JQM的一部分），所以我认为我无法使用此方法。

谢谢

- Matthew Albone

---

生成一个静态的 CSS 文件供你的应用使用可能是有意义的，这样你就不会遇到像这样的问题了。 - Andbdrew

Answer 1

您需要刷新jQM控件：

• http://jquerymobile.com/demos/1.1.0-rc.1/docs/forms/checkboxes/methods.html

JS

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

- Phill Pafford