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

Question

我有一个JQuery Mobile（1.0rc1）应用程序，它有一个带有搜索过滤器的列表视图。它类似于this样本。

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

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

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

并清除这样的表格：

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

但都没有奏效。有人可以通过正确的方式来启发我吗？

Answer 1

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

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

编辑：要更新列表，您还必须触发searchfilter上的“更改”事件：

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

JSFiddle

Answer 2

我使用以下代码：

$("form")[0].reset();

[0]指向DOM元素方法。 另请参阅How to reset (clear) form through JavaScript?

Answer 3

如果你在谈论Jquery移动列表视图，那么你需要这个

$('#autocomplete li').click(function () {
                                    $('.ui-input-clear').trigger("click");
                                });