2013-04-22 22 views
1

我只是嘗試了Filtrify jQuery腳本 - http://luis-almeida.github.io/filtrify/的jQuery filtrify腳本,如何隱藏無關標籤

但是我有一個不幸的是我無法解決一個小問題。

我想從過濾器菜單

例如隱藏空/不相關的標記,在這個演示 - http://luis-almeida.github.io/filtrify/movies.html如果我從‘主要演員’過濾器中選擇「阿龍Eckheart」一部電影顯示出來。

接下來,如果我打開「流派」過濾器,有很多流派的「冒險,動畫,傳」不相關「阿龍Eckheart」在這一點上。我認爲隱藏它們會很好,但我不知道該怎麼做。

我在想,我應該用.addClass("ft-hidden")如果標籤數爲0。我嘗試了一些光通過jQuery代碼照看實驗,但在現階段,我只是沒有知識:(

,你可以請建議如何做到這一點?

回答

1

不熟悉這個庫,但純粹從通過控制檯黑客,你很可能刺這個地方,最有可能在其callback(見http://luis-almeida.github.io/filtrify/query.html

$('.ft-label').parent() 
    .find('li[data-count=0]').hide().end() 
    .find(':not(li[data-count=0])').show().end(); 

一個簡單的測試,去你提到的鏈接(http://luis-almeida.github.io/filtrify/movies.html),在您的瀏覽器控制檯運行下面的代碼鴨衝原來的演示代碼,看看結果是你想要

$(function() { 
    $.filtrify("container", "placeHolder", { 
     callback: function (query, match, mismatch) { 
      $('.ft-label').parent() 
       .find('li[data-count=0]').hide().end() 
       .find(':not(li[data-count=0])').show().end(); 
     } 
    }); 
}); 
+0

感謝您的! 這正是我想要的。 – Uldis 2013-04-22 20:25:24