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 мобильном блоге вы можете вызвать событие create на странице, чтобы «легко улучшить все виджеты одновременно».

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