jquery mobile如何隐藏listview的搜索栏

Question

我有3个listViews，其中2个有data-filter =“true”，当用户点击上一个列表视图（例如，分类过滤器）时，我以编程方式执行过滤器。

隐藏过滤条的当前方法是什么？

Answer 1

可以尝试$(selector).removeAttr("data-filter")然后刷新列表视图。否则，您可以通过CSS切换display。

当你说隐藏时，你的意思是禁用或只是让它对该列表不可见？

修改

快速示例：http://jsfiddle.net/Twisty/YF3nN/

过滤器通过JQM添加：

<form class="ui-listview-filter ui-bar-c" role="search">
    <div class="ui-input-search ui-shadow-inset ui-btn-corner-all ui-btn-shadow ui-icon-searchfield ui-body-c">
        <input class="ui-input-text ui-body-c" placeholder="Filter items..." data-type="search">
        <a class="ui-input-clear ui-btn ui-btn-up-c ui-shadow ui-btn-corner-all ui-fullsize ui-btn-icon-notext ui-input-clear-hidden" title="clear text" href="#" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-icon="delete" data-iconpos="notext" data-theme="c" data-mini="false">
    </div>
</form>

所以你要做的就是选择正确的form并隐藏它。