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