2012-02-26 81 views
0

我在移动应用程序。我创建了一个复选框列表,我试图用标准的移动外观来设计它。这里是我的代码jquery移动动态复选框样式

var list = $('#Code'), 
    items = []; 
for (i = 0; i < len; i += 1) { 
    row = resultflatname.rows.item(i); 
    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('<div data-role="fieldcontain"><fieldset data-role="controlgroup"><legend>Checkbox Options:</legend>' + items.join('') + '</fieldset></div>').trigger('create'); 

和我的HTML

<div data-role="page" id="displayflat"> 
    <div id="Code"> 

    </div> 
</div> 

但我接收简单复选框,而不是移动的样子。我修改了一些代码。现在,如果我复制粘贴萤火代码检查到HTML中的复选框被正确样式,但样式是错的,如果我尝试从jQuery的做同样的

+0

你在使用 – mgraph 2012-02-26 17:32:27

+0

我使用Chrome浏览器为你得到任何JS – kosbou 2012-02-26 17:33:32

+0

测试错误 – mgraph 2012-02-26 17:34:45

回答

0

目标的复选框,触发刷新您已经添加后他们:

$(':input:checkbox').checkboxradio("refresh"); 
+2

我收到follwoing错误未初始化之前未捕获无法在checkboxradio上调用方法;试图调用方法'刷新' – kosbou 2012-02-26 18:47:03

1

附加您复选框项目之后,尝试调用.trigger(“创建”)与数据角色股利fieldcontain按this link

0

我有两个问题修复:

"NOT_FOUND_ERR: DOM Exception 8 checkboxradio" 

"Uncaught cannot call methods on checkboxradio prior to initialization; attempted to call method 'refresh'" 

看来,如果你的复选框id和name属性不使用jQuery 1.7.1的时候一样,你会得到上面的错误之一。花了30分钟的试验和错误来弄清楚。

你可能会打这两个错误之一,如果你尝试.trigger(“创建”)或.checkboxradio()