javascript - 如何刷新 jquery 移动复选框主题？

Question

我有一个从数据库动态填充的组合框列表。

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");

是否有一个特定的地方我必须在其中添加令人耳目一新的行？

Answer 1

我有一种类似的解决方案：

$("#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/

Answer 2

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

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