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

标签 jquery-mobile

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

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

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

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

并像这样清除表格:
$("form > input", $.mobile.activePage).val('');

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

最佳答案

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

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

编辑:要更新列表,您还必须在搜索过滤器上触发“更改”事件:
$('input[data-type="search"]').trigger("keyup");

JSFiddle

关于jquery-mobile - 如何清除 JQuery Mobile 列表搜索过滤器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7798176/

相关文章:

objective-c - iOS + jqueryMobile 无法在加载 html 文件时捕获 webview 事件

jquery-ui - jQuery UI slider 与 jQuery Mobile slider 冲突

html - 元素之间的 jquery 移动 ListView 空间/如何删除 ListView 边框

php - jQuery 手机 : How to correctly submit form data

javascript - JQuery Mobile 和 Cordova 页面模板

javascript - 将左侧面板动态附加到所有页面

jquery - 在 html 页面之间转换时,如何设置 jquery 链接的基本 URL

javascript - 如何将我的 javascript 数组保存到文件中?

javascript - 滚动到下一个/上一个选中的复选框

javascript - Facebook 使用 jquery 移动框架