jquery 动态复选框创建与移动外观

Question

我在移动应用程序中，我想创建一个复选框列表。为此，我使用下面的代码

for (i = 0; i < len; i += 1) {
    row = resultflatname.rows.item(i);
    if (row.receiptno == 0){
        items.push('<input type="checkbox" name="code_'+ i +'" id="code_'+ i +'" value="' + row.amount + '" previous="' + row.pastpayments + '" barcode="' + row.barcode + '" todayp="' + row.todaypayments + '"/><label for="code_'+ i +'">' + row.period +'..........'+ row.amount+'</label>');
    } else {
    if ((row.receiptno > 0) && (row.amount > row.todaypayments + row.pastpayments)){
        items.push('<input type="checkbox" name="code_'+ i +'" id="code_'+ i +'" value="' + row.amount + '" previous="' + row.pastpayments + '" barcode="' + row.barcode + '" todayp="' + row.todaypayments + '"/><label for="code_'+ i +'">' + row.period +'..........'+ row.amount+'</label>');
    }
}

list.html('<fieldset data-role="controlgroup">' + items.join('') + '</fieldset>');

和我的 html

<div id="Code" data-role="fieldcontain">
</div>

如何刷新它以便使用移动样式对其进行样式设置？？？

Answer 1

根据以下 jQuery Mobile 博客post后，您可以触发页面create事件来“一次轻松增强所有小部件”。

$(".ui-page").trigger("create");