具有移动外观的jquery动态复选框创建答案

【问题标题】：jquery dynamic checkbox creation with mobile look具有移动外观的jquery动态复选框创建
【发布时间】：2012-03-12 03:27:29
【问题描述】：

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

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>

如何刷新它以使其具有移动样式的样式？？？

【问题讨论】：

标签： jquery dynamic mobile checkbox styles

【解决方案1】：

根据以下jQuery Mobile blog post，您可以触发页面create 事件以“轻松地同时增强所有小部件”。

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

【讨论】：

我目前使用的是 1.0.1，它可以工作。但是，我使用页面 id 作为选择器，而不是类（这无关紧要）。我遇到的一个问题是在触发创建时没有生成标记（需要从我的回调中触发创建）。