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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自定义列表视图,带有jQuery Mobile中的复选框,图像和按钮相关的知识,希望对你有一定的参考价值。

我正在动态地在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

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

Update Code

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

以上是关于自定义列表视图,带有jQuery Mobile中的复选框,图像和按钮的主要内容,如果未能解决你的问题,请参考以下文章

如何使用自定义类一次重置 jquery mobile 中的多个下拉列表

jQuery Mobile,使用列表视图删除可折叠空间

jQuery mobile折叠列表视图,搜索不起作用

jQuery Mobile:在列表视图数据拆分图标上更改/切换主题

如何防止jquery mobile中的默认列表视图点击?

Kendo UI Mobile列表视图的自定义过滤器?