2011-11-19 54 views
0

我用下面的代碼通過我的過濾器菜單http://themes.visualise.ca/visualise/同位素過濾器項目的例外情況?

$('.menu-categories-navigation-container a').click(function(){ 
    var category = $(this).parent().attr('class'); 
    var filters = ('.'+category); 
    $container.isotope({ 
     filter: filters, 
    }); 
    return false; 
}); 

過濾在我的網格中的內容,但我想用.thelogo類的項目始終保持可見,因爲標誌和菜單中的一部分我的網格。所以我想我可能會使用一些語法來添加某種異常?也許有更好的方法?

非常感謝您的時間和幫助。

回答

1

同位素中的過濾器屬性是一個選擇器字符串,可隨意添加複合選擇器(只需添加複合選擇器)。

$('.menu-categories-navigation-container a').click(function(){ 
    $container.isotope({ 
     filter: '.thelogo, .' + $(this).parent().attr('class') 
    }); 
    return false; 
}); 

ps:如果任何項目有多個類別,這將失敗。因爲選擇器會認爲它是在第一個內部尋找名字爲第二類的標籤。

編輯:忘記期間

+0

它不工作...的項目是WordPress的職位,肯定有他們每個人不止一個類。 – Gab

+0

...但你仍然真的幫助我,謝謝。請參閱下面的答案filters變量是需要的,以便將點包含在我猜想的類的前面。 – Gab

+0

不是,你只是建立一個字符串用作過濾器「。標誌,.myClass」。你的代碼也是這樣做的,只需要聲明這兩個變量就可以完成工作。關於多個類,你想在這裏完成的邏輯是什麼?過濾器是否應該匹配被點擊項目的所有類別?他們中的任何一個? – Sinetheta

0

的解決方案......

$('.menu-categories-navigation-container a').click(function(){ 
     var category = $(this).parent().attr('class'); 
     var filters = ('.'+category); 
     $container.isotope({ 
      filter: '.thelogo, ' + filters, 
     }); 
     return false; 
});