jQM 如何清除列表视图搜索及其“删除图标”答案

【问题标题】：jQM how to clear a listview search and its 'delete-icon'jQM 如何清除列表视图搜索及其“删除图标”
【发布时间】：2014-11-12 09:27:19
【问题描述】：

我可以使用$("#my_div").find("input").val(""); 清除搜索字段中的文本，但它会留下灰色的删除图标（“明文”）。如何重置列表视图以使它们也消失？

<div id="my_div">
<ul id="search1" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Search1..." ></ul>
<ul id="search2" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Search2..." ></ul>
</div>

【问题讨论】：

我在您的 HTML 中既看不到 <input> 也看不到灰色图标。
@Regent 这是一个可过滤的列表视图，搜索输入是动态创建的。
@Omar 是的，这就是我的评论：人们不关心在此处发布最终的（在 jQM 包装“所有可以看到的”之后）HTML 和相关的 CSS。不知何故，我应该创建小提琴只是为了弄清楚最终 HTML 的样子，即使不是我在寻求帮助。
@Regent 你是绝对正确的。查看 jqm 的 wiki，我添加了“如何在 jQuery-Mobile 上提出一个好问题？”，但看起来没人读。
@Omar 是的，你是对的，下次我会这样做！ :)

标签： jquery listview jquery-mobile

【解决方案1】：

.val("") 还不够，您还需要.focus() 和.trigger("change")。这样，您通知 jQM 该值已更改以隐藏 清除按钮。

$("#my_div")
     .find("input")
     .val("")
     .focus()
     .trigger("change");

Demo

【讨论】：

完美运行！谢谢:)