jquery - jquerymobile如何隐藏listview的搜索栏

Question

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

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

Answer 1

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

当您说隐藏时，您的意思是禁用或只是使其对该列表不可见？

编辑：

快速示例：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，你可以隐藏它。