如果动态创建html，则不会启用checkbox的“checked”属性

我创建了一个包含复选框的列表视图。 在列表项中，我希望选中复选框。 列表视图是在内容来自服务器时动态创建的。

我有以下jsfiddle代码。 http://jsfiddle.net/praleedsuvarna/rN28z/

你能帮我解决一下这个问题吗？ 提前致谢

下面是我的动态列表内容的示例，其中第二个和第三个复选框设置为“已选中”

$(document).on('pageshow', '#index', function(){ var list = '
'+ ' 
'+ ' '+ ' 
 '+ ' item1'+ '
'+ '
'+ ' 
'+ ' '+ ' 
'+ ' item2'+ '
'+ '
'+ ' 
'+ ' '+ ' 
 '+ ' item3'+ '
' $("#viewdata").html(list); $("#viewdata").listview("refresh"); }); 

下面是我的html页面

  
 
 
 First Page 
 Next 
 
 
 
 
 
 
 
  

Answer 1

固定和一点点清理版本： http ： //jsfiddle.net/rN28z/6/

我移动了这段代码：

 $('input[type="checkbox"]').each(function() { $(this).parent('.checkBoxLeft').addClass(this.checked ? 'checked' : 'not-checked'); }); 

里面的pageshow处理程序。 您在pagebeforeshow上调用它，到那时您的HTML尚未填充。