jQuery同位素：基于get变量过滤页面加载

Question

我正在使用jQuery同位素插件，并希望在页面加载时仅显示特定组中的项目。目前所有项目都显示：

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

例如，在上面的链接中，有没有办法加载带有“壁画”显示的页面？

感谢。

Answer 1

答案很简单：

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

在代码中使用此行。

参考此链接：http://isotope.metafizzy.co/docs/filtering.html

Answer 2

所以我认为你只想使用简单的hide（）和show（）方法

如果您使用应用于html元素的类，您可以轻松选择它们并使用以下jQuery行隐藏它们。

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

现在，这将做的是“隐藏”所有项目，并只展示壁画。

这有意义吗？

Answer 3

这很简单！

(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