Сохранение CSS при динамическом создании флажков с JQuery / JQM - PullRequest
3 голосов
/ 20 марта 2012

У меня есть некоторый код, который берет значения из базы данных и использует их для динамического создания набора флажков:

$("#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 MobileCSS стильЕсть ли способ присвоить JQM CSS этому динамически созданному элементу?

Я думал об использовании функции JQuery .CSS (), но поскольку я на самом деле не знаю необходимого CSS (поскольку он является частью JQM по умолчанию), я не думаю, что смогу использовать этот метод.

Спасибо

1 Ответ

1 голос
/ 20 марта 2012

Вам необходимо обновить элементы управления jQM:

JS

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