【发布时间】：2013-02-06 11:36:47
【问题描述】：
假设我想制作一个讨论 4 个不同主题的会议应用程序。 所以我有一个清单，列出了一周内发生的所有事件。但作为用户，我只想查看有关生物技术的内容。但不时能看到所有的事件也很好。
所以我只想要一个带有按钮的页面，这些按钮可以控制我在列表中看到的内容，而无需使用嵌套列表。 所以我仍然可以在同一天看到所有事件混合在一起。
感谢您的帮助
干杯
【问题讨论】：
标签： listview jquery-mobile filter
【发布时间】：2013-02-06 11:36:47
【问题描述】：
您可以让按钮在单击时为搜索过滤器设置特定值。您只需要在过滤器上触发“keyup”事件，列表就会更新。如果过滤器的输入字段被隐藏，这甚至可以工作，尽管您仍然需要列表视图设置 data-filter="true" 属性。
Here's a fiddle 进行演示，它使用与 jQM 文档中的 "Search filter hidden data" 示例相同的列表。
【讨论】：
-
非常感谢！！完美运行！我仍然有一个问题，如何将这些定义的搜索设置也应用到 phonegap 的 inappbrowser 中的外部列表中加载的列表..（加载外部的原因是它应该有自己的样式，这些可能是多种来自不同网站的不同列表，但都使用 jquery mobile）。
-
老实说，我不确定您所说的外部加载列表是什么意思（知道我对 phonegap 的了解为零）您的目标列表是否位于单独的网页中？还是您的意思是您正在通过 ajax 加载其数据？
-
是的，我正在加载的列表要么在 iframe 中，要么在 phonegap 的“inappbrowser”插件中。但通过主应用程序控制。我现在正在尝试使用 html5 中可用的 window.postmessage 方法。希望它会工作！
-
似乎无法正常工作，下面是 id 为将出现在 iframe 中的 js 脚本所做的事情（想法是仍然在 iframe 内拥有控制权）：
-
//搜索栏隐藏器 $(document).on("pagechange", function () { $(".ui-input-search").hide(); }); // 消息监听 window.addEventListener("message", recieveMessage(event) {}, false) function recieveMessage(event) //列表过滤 $("#clearFilterBtn").on("click", function () { $( ".ui-input-search > 输入").val("").keyup(); }); $("#filterBtn").on("click", function () { $(".ui-input-search > input").val("nasdaq").keyup(); });但是这样做会显示搜索栏，我不知道为什么