自定义列表视图,带有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 中的多个下拉列表