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

Question

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

<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");

  

<强> Demo