JQM Filterable Widget：如何在离开页面时清除？

Question

我正在使用 jquery mobile 1.4.5。

我有一个带有可过滤小部件的列表视图，该小部件使用显示功能。它过滤客户端的 json 文件。运行搜索时，json 项目按预期显示。但是，当离开页面然后返回页面时，项目列表仍然可见。

当页面发生变化时，我希望可过滤列表重置为“”。

我不知道该怎么做。我已经搜索和搜索，但没有找到答案。 TIA

<ul data-role="listview" spry:region="dsAPDTall" data-filter-reveal="true" data-filter="true" data-filter-placeholder="Search..." data-filter-theme="a" data-inset="true"> 
                
                
			<li spry:repeat="ds1" spry:setrow="ds1" >
                 <a href="#{page}"> 
                 <p class="ui-li-aside">{someContent}</p> 
                 <img src={imageurl} style="width:80px;height:80px;border:#006;border-style:solid; border-width:thin">
                 </a>
             </li>
		</ul>		

Answer 1

一种方法是激活 pagebeforeshow 上的清除过滤器按钮：

$(document).on("pagebeforeshow", "#page1", function () {
    $("#page1 .ui-filterable .ui-input-clear").click();
});

DEMO

每次显示页面时，我们都会在 .ui-filterable 容器中找到任何清除按钮，并激活按钮的 click() 事件。