2013-05-11 60 views
0

我有這個內容過濾器,通過隱藏那些不包含在輸入字段中輸入內容的div的容器類(div.container)來過濾<div>內容過濾器隱藏一切,當它被告知什麼都不過濾

這樣它只顯示<div> s,其中包含輸入字段中鍵入的內容。

現在,它會檢查並過濾輸入字段中的每個鍵,以便結果看起來很快。

現在,我的問題是,當用戶刪除輸入字段內的內容時,一切都被隱藏了。而當輸入字段中沒有任何內容時,所有內容都應該可見。

它工作正常的情況下,分離in this js fiddle

但不是當我申請到我的網站作爲一個整體。過濾工作,但如果輸入中沒有輸入內容,則所有內容都會消失。

我怎樣才能使它工作,以便當輸入中什麼都沒有時,之前隱藏的任何div.container變得可見?所以它就像它應該的那樣工作,就像沒有任何東西可以填充所有內容時的過濾器一樣。

Here is the page發生這種情況時,要訪問篩選其下的內容的過濾器,請點擊「詳細瞭解我」或「工作」。

+1

可能是因爲有頁面上的腳本錯誤。解決這個問題,讓我知道如果修復它。 – Dom 2013-05-11 19:17:33

+0

@Dom修復了它,我錯過了一個關閉的圓括號。但是這並沒有解決過濾器的問題。 – IMUXIxD 2013-05-11 19:54:15

回答

1
$('#filter').keyup(function(){ 
    if ($.trim(this.value).length) 
     $('ul li').hide().filter(':containsLower("'+this.value+'")').show(); 
    else 
     $('ul li').show(); 
}); 

http://jsfiddle.net/zdznh/

+0

謝謝,它的作品! – IMUXIxD 2013-05-11 19:59:01