jquery-mobile - (jquery) 搜索过滤栏显示和隐藏

Question

我需要添加显示和隐藏搜索过滤器栏的功能

我尝试使用（示例）：

 setTimeout(showFilter,5000);

 function showFilter(){
    alert('showFilter');

    $.mobile.listview.prototype.options.filter = true;
    $('#workList').listview('refresh');

    setTimeout(hideFilter,1500);
 }

 function hideFilter(){
   alert('hideFilter');

   $.mobile.listview.prototype.options.filter = false;
   $('#workList').listview('refresh');
 }

但不工作，你能帮帮我吗？谢谢

Answer 1

您可以.hide()在 searchfilter 的容器 div 上简单地隐藏它。以下代码将隐藏页面上的每个 searchfilter 文本框，因此如果您想隐藏某个子集，则必须将其缩小到 DOM 的特定部分。

$(".ui-input-search").hide();

用来.show()恢复它。或者，用于.toggle()在隐藏和可见之间来回切换。

（注意：在搜索框中输入的任何文本仍然适用，即使搜索框被隐藏。）