jquery - jQuery isotope：根据获取变量过滤页面加载

Question

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

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