添加複選框動態地controlgroup

Question

<div data-role="fieldcontain"> 
    <div id="listado" data-role="listview"> 
     <fieldset data-role="controlgroup" id="equiposHechos"> 

     </fieldset> 
    </div> 
</div> 

，我的JavaScript是

var identificador=4 
$("#recibo").on("pageinit", function(event) {  
    for(i=0;i<=identificador;i++){  
     $("#equiposHechos").append('<input type="checkbox" name="calificarEquipo'+i+' id="calificarEquipo'+i+'"/>'+'<label for="calificarEquipo'+i+'">Equipo Numero'+(i+1)+'</label>');  
    } 
}) 

我要動態地添加複選框...但我沒有得到任何樣式，我將其充電或他們收取了我，他們應該是當它們是靜態的

Answer 1

你必須明確地讓jQuery Mobile的再整他們：

檢查： Dynamic controlgroup and checkboxes unstyled

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

Answer 2

如果您使用jQuery Mobile的1.3.2或以下，你首先需要提高的複選框或單選按鈕/風格的標記使用.checkboxradio()，然後通過調用.controlgroup("refresh")重新風格controlgroup。

var identificador = 4; 

for (i = 0; i <= identificador; i++) { 
    $('<label for="foo' + i + '">Foo' + i + '<input type="checkbox" id="foo' + i + '"/></label>').appendTo("#equiposHechos"); 
} 

/* widgets enhancement */ 
$("[type=checkbox]").checkboxradio(); 
$("#equiposHechos").controlgroup("refresh"); 

Demo