JqueryMobile爲Listview動態添加、刪除查詢功能

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