我有一些代码从数据库中获取值,并使用它们动态创建一组复选框:
$("#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>');
});
问题是这些新创建的复选框没有采用JQueryMobileCSS样式。有什么方法可以将JQM-css分配给这个动态创建的元素吗?
我想过使用JQuery.CSS()函数,但由于我实际上不知道需要什么CSS(因为它是默认JQM的一部分),我认为我不能使用这个方法。
感谢
您需要刷新jQM控件:
- http://jquerymobile.com/demos/1.1.0-rc.1/docs/forms/checkboxes/methods.html
JS-
$("input[type='checkbox']").checkboxradio("refresh");