如何刷新jquery mobile复选框主题？

我有一个从数据库动态填充的组合框列表。如何刷新jquery mobile复选框主题？

HTML：

<div data-role="fieldcontain" id="WeekDays"> 
<fieldset id ="WeekDaysFieldSet" data-role="controlgroup">

的Javascript：

var len = results.rows.length; 
$("#WeekDaysFieldSet").empty(); 
for (var i=0; i<len; i++) 
{ 
    $("#WeekDaysFieldSet").append('<input type="checkbox" name="'+ results.rows.item(i).DayName + '" CheckboxId="'+results.rows.item(i).id+'" class="custom"/><label for="'+results.rows.item(i).DayName+'" >'+results.rows.item(i).DayName+'</label>'); 
}

当我的功能后，加入这一行，没有任何反应，只是所有的复选框被选中，但没有添加的主题。

$("input[type='checkbox']:first").attr("checked",true).checkboxradio("refresh");

是否有一个特定的地方，我不得不添加清爽的线？

来源

2012-07-04 Sana Joseph

嗨，我试着使用var len = 5和+ i +在for循环中，我只检查了第一个复选框，能否更好地解释问题？ –

我有几分类似的解决方案：

$("#group").append('<fieldset data-role="controlgroup">' 
    +'<input type="checkbox" id="cb1" /><label for="cb1">text</label>' 
    +'<input type="checkbox" id="cb2" /><label for="cb2">More text</label></fieldset>' 
    ) 
    .trigger("create"); 


$("#check").click(function(){ 
    $("input[type='checkbox']:first").attr("checked",true).checkboxradio("refresh"); 
});

检查演示：http://jsfiddle.net/dhavaln/jzGv5/

来源

2012-07-04 16:08:49 dhaval

数据静态添加时适用，但当我动态添加数据时不适用。 –

你可以把你的数据在jsfiddle并发送给我链接？如果需要更改，我会检查并通知您。 – dhaval

我不知道如何在jsfiddle中选择Jquery mobile，但是这里是代码：jsfiddle.net/OnlyHope/kCVzC谢谢。 –

您可以使用添加新的类来应用新类

$("input[type='checkbox']:first").attr("checked",true).addClass('refresh');

来源

2012-07-04 15:56:58

你知道我应该在哪里写这行吗？ –

如何刷新jquery mobile复选框主题？

回答

相关问题