jquery-mobile - 如何清除 JQuery Mobile 列表搜索过滤器？

Question

我有一个 JQuery Mobile (1.0rc1) 应用程序，它有一个实现了搜索过滤器的 ListView 。它类似于 this样本。

在某些情况下，我使用 ajax 调用动态地将其他项目加载到列表中。发生这种情况时，我想清除在搜索过滤器中输入的任何内容，否则我最终会得到一个部分过滤的列表。

我试过像这样触发清除按钮:

$('.ui-button-clear', $.mobile.activePage).click();

并像这样清除表格:

$("form > input", $.mobile.activePage).val('');

但都没有奏效。有人可以启发我了解实现这一目标的正确方法吗？

Answer 1

您应该能够清除搜索过滤器

$('input[data-type="search"]').val("");

编辑:要更新列表，您还必须在搜索过滤器上触发“更改”事件:

$('input[data-type="search"]').trigger("keyup");

JSFiddle