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

Question

我正在使用 jquery 移动版 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-可过滤容器中找到任何清除按钮，并激活按钮的 click() 事件。

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

JQM Filterable Widget: how to clear on leaving page?

jquery-mobile

jquery-mobile-listview