添加复选框动态地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