jquery mobile dynamic checkbox styling

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> 

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

Answer 1

Target флажка и запустить обновление после того, как вы добавили их:

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

Answer 2

После добавления ваших деталей флажка, попробуйте вызвать .trigger ('создать') на DIV с данными-роли fieldcontain согласно this link

Answer 3

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

"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 («создать») или .checkboxradio()