jQM 如何清除列表视图搜索及其'delete-icon'

Question

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

<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>

Answer 1

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

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

演示