jQuery同位素：基於獲取變量的頁面加載過濾器

Question

我正在使用jQuery同位素插件，並希望在頁面加載時僅顯示來自特定組的項目。目前，所有項目均顯示：

http://aproposstudio.com/category/work/

例如，上面的鏈接，有沒有辦法與「壁畫」顯示加載頁面？

謝謝。

Answer 1

所以我認爲你只是想用簡單的hide（）和show（）方法

如果使用應用到你的HTML元素的類，可以方便地選擇他們和下面的jQuery行隱藏起來。

$(".project").hide() 
$(".murals").show() 

現在，這將會'隱藏'所有的項目，並只顯示壁畫。

這有道理嗎？

Answer 2

這很簡單！

(function ($) { 
    $(window).load(function() { 

     // settings 
     var sortBy = 'date', // SORTING: date/name 
      sortAscending = true, // SORTING ORDER: true = Ascending/false = Descending 

      theFilter = '.YOUR SORT'; // DEFAULT FILTERING CATEGORY 

Answer 3

答案很簡單：

$('#container').isotope({ filter: '.your-filter-name' }); 

使用此行代碼。

查看該鏈接：http://isotope.metafizzy.co/docs/filtering.html