保持CSS時使用jQuery/JQM動態創建複選框

Question

我有一些代碼，需要從數據庫中值，並用它們來創建一組複選框動態：

$("#cTable").append('<fieldset data-role="controlgroup"> <legend>Option</legend>'); 

cDest = "includes/loadCategories.php"; 

$.getJSON(cDest, function(data) { 
    cInfo = data.items; 
    $.each(cInfo, function(index, info) { 

     $("#cTable").append('<input type="checkbox" name="cat" id="cat_' + info.S_ID + ' class="ui-checkbox" value="' + info.S_ID + '" /><label for="chkCat_' + info.S_ID + '">' + info.S_Name + '</label> </br>'); 
    }); 
    $("#cTable").append('</fieldset>'); 
}); 

的問題是，這些新創建的複選框不要採用JQuery Mobile CSS樣式。有沒有辦法將JQM CSS分配給這個動態創建的元素？

我想過使用JQuery .CSS（）函數，但由於我實際上並不知道需要的CSS（因爲它是默認JQM的一部分），我不認爲我可以使用這種方法。

感謝

Answer 1

您需要刷新JQM控制：

• http://jquerymobile.com/demos/1.1.0-rc.1/docs/forms/checkboxes/methods.html

JS

$("input[type='checkbox']").checkboxradio("refresh");