（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

你可以在searchfilter的容器div上用一個簡單的.hide()隱藏它。以下代碼將隱藏頁面上的每個searchfilter文本框，因此如果要隱藏某個子集，則必須將其縮小到DOM的特定部分。

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

使用.show()將其恢復。或者，使用.toggle()在隱藏和可見之間來回切換。

（注意：即使搜索框已隱藏，任何已輸入到搜索框中的文本仍將應用。）