Question

如何实现jquery mobile listview多选删除

Answer 1

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");