jquery-mobile - jQuery Mobile 中带有复选框、图像和按钮的自定义列表视图

Question

我正在动态地在 jQuery Mobile 中的 Listview 中工作。我不能做这个设计。

代码：

<li data-role="list-divider" role="heading">Category</li>
<li id="305"> <a href="#" class="achk">    
<fieldset data-role="controlgroup" style="width:53px;">  
<input type="checkbox" name="checkbox_attribute_0" id="checkbox_attribute_0" data-iconpos="notext" />  <label for="checkbox_attribute_0" action="selectAttribute" data="test"></label> 
</fieldset>   
<label onclick="viewMessage(305, 0);" class="lblImage"  data-corners="false">    
<fieldset data-role="controlgroup" style="height:0px !important">   
<img alt="" src="img/letter.png" />  
</fieldset>   
</label>  
<div onclick="viewMessage(305, 0);" >   
<h4>Advanced-customization-Jquery-Mobile-Buttons </h4>
<p>Advanced-customization-Jquery-Mobile-Buttons</p><p>Date  : November 15, 2013</p> 
</div>   
<a href="#" onclick="deleteMessage(305, 0)">Delete</a> 
</a>
</li>

这是我到目前为止所做的代码的jsfiddle 。

Answer 1

Add these lines in your function.    
   $("#inbox_list").trigger("create");
   $("#inbox_list").listview("refresh"); 

更新代码

$('#dvCount').html(data.count);                
 //$('input[type=checkbox]').checkboxradio().trigger('create');
 $('[data-role="listview"]').html( list ).trigger('create');                
 $('[data-role="listview"]').listview('refresh');