JqueryMobile的版本不同,引用JS的API也不同,因此为Listview动态添加、删除查询功能的代码也不同。
假设Listview控件内容如下:
<ul data-role="listview" id="listview" data-inset="true">
<li><a href="#">Acura</a></li> <li><a href="#">Audi</a></li> <li><a href="#">BMW</a></li> </ul> |
一:JqueryMobile1.3 .2
1)为Listview动态添加查询功能,代码如下:
$(".ui-listview-filter").remove();
$(‘#listview‘).listview(‘option‘, ‘filter‘, true); $(‘#listview‘).trigger("listviewcreate"); |
2)为Listview动态删除查询功能,代码如下:
$(".ui-listview-filter").remove();
$(‘#listview‘).listview(‘option‘, ‘filter‘, false); $(‘#listview‘).trigger("listviewcreate"); |
二:JqueryMobile1.4 .2
1)为Listview动态添加查询功能,代码如下:
$("#listview‘").filterable();
$("#listview‘").filterable( "option", "filterPlaceholder", "请输入姓名查询..."); |
2)为Listview动态删除查询功能,代码如下:
$("#listview‘").filterable("destroy"); |
JqueryMobile为Listview动态添加、删除查询功能,布布扣,bubuko.com
时间: 2024-10-14 05:51:16