如何刷新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複選框主題？

回答

相關問題