Jquery mobile jQuery Mobile中带有复选框、图像和按钮的自定义listview

我在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>

分类

下面是我到目前为止所做的代码的摘要

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

更新代码

---

javascript函数很好，我需要调整ul li代码，请帮助Thanx为您提供帮助，但这不是问题，如果我可以生成ul li的html，那么我可以生成javascript函数以动态生成ul li。首先，我必须在html中生成ul li，请在JSFIDLE中提供帮助，忘记javascripti，我可以在网格中生成，但没有按钮和悬停jquerymobile网格中的影响

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