(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

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

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

使用.show()将其备份。或者，使用.toggle()在隐藏和可见之间来回切换。

（注意：即使隐藏了搜索框，已输入搜索框的任何文本仍将应用。）