(Jquery)搜索过滤条显示和隐藏

时间:2012-10-18 05:47:25

标签: jquery-mobile

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

我尝试过使用(例子):

 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');
 }

但是没有工作,你能帮帮我吗?感谢

1 个答案:

答案 0 :(得分:1)

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

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

使用.show()重新启动它。或者,使用.toggle()在隐藏和可见之间来回切换。

(注意:即使隐藏了搜索框,任何在搜索框中输入的文字仍然适用。)