JQuery Mobile Динамический стиль флажок

Question

Я в мобильном приложении. Я создаю список флажков, и я пытаюсь стилизовать его со стандартным мобильным взглядом. Вот мой код

var list = $('#Code'),
    items = [];
for (i = 0; i < len; i += 1) {
    row = resultflatname.rows.item(i);
    items.push('<input type="checkbox" name="code_'+ i +'" id="code_'+ i +'" value="' + row.amount + '" previous="' + row.pastpayments + '" barcode="' + row.barcode + '" todayp="' + row.todaypayments + '"/><label for="code_'+ i +'">' + row.period +'..........'+ row.amount+'</label>');
}
list.html('<div data-role="fieldcontain"><fieldset data-role="controlgroup"><legend>Checkbox Options:</legend>' + items.join('') + '</fieldset></div>').trigger('create');

и мой HTML

<div data-role="page" id="displayflat">
    <div id="Code">

    </div>
</div>

но я получаю простые флажки вместо мобильного взгляда. Я немного изменил код. Теперь, если я скопирую и вставлю код из Firebug Inspect в HTML, флажки будут оформлены правильно, но стиль будет неправильным, если я попытаюсь сделать то же самое из jquery

Answer 1

После добавления элементов вашего флажка попробуйте вызвать .trigger ('create') в div с полем data-role, как указано в этой ссылке

Answer 2

У меня есть исправление для двух проблем:

"NOT_FOUND_ERR: DOM Exception 8 checkboxradio"

и

"Uncaught cannot call methods on checkboxradio prior to initialization; attempted to call method 'refresh'"

Кажется, что если ваш идентификатор флажка и атрибут имени не совпадают при использовании jQuery 1.7.1Вы получите одну из вышеперечисленных ошибок.Мне понадобилось 30 минут проб и ошибок, чтобы понять это.

Вероятно, вы столкнетесь с одной из этих двух ошибок, если попробуете .trigger ('create') или .checkboxradio ()

Answer 3

Установите флажки и запустите обновление после их добавления:

$(':input:checkbox').checkboxradio("refresh");