Conservation du CSS lors de la création dynamique de cases à cocher avec JQuery/JQM

Question

J'ai un code qui prend des valeurs dans une base de données et les utilise pour créer un ensemble de cases à cocher de façon dynamique :

$("#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>');
}); 

Le problème est que ces cases à cocher nouvellement créées n'adoptent pas le style CSS de JQuery Mobile. Existe-t-il un moyen d'affecter le CSS JQM à cet élément créé dynamiquement ?

J'ai pensé à utiliser la fonction JQuery .CSS(), mais comme je ne connais pas le CSS nécessaire (car il fait partie de JQM par défaut), je ne pense pas pouvoir utiliser cette méthode.

Merci

Answer 1

Vous devez rafraîchir les contrôles jQM :

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

JS

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