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

Posted 2023-05-09

【中文标题】JQM Filterable Widget：如何在离开页面时清除？

【英文标题】：JQM Filterable Widget: how to clear on leaving page?

【发布时间】：2016-01-09 08:47:06

【问题描述】：

我正在使用 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>		

【参考方案1】：

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

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

DEMO

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

【讨论】：

谢谢。明白了。我只是希望我在编码方面做得更好。 -雷切尔