jquery-isotope：如何改变过滤元素的外观

Question

我想更改已过滤元素的外观而不隐藏它们（与this question相同但链接无效..），并且不移动它们（仅“隐藏”它们）。

我试图更改 hiddenClass 和 hiddenStyle 选项，但我无法理解它是如何工作的。

$container.isotope({
            itemSelector : '.element',
            columnWidth : 90,
            rowHeight : 60,
            hiddenClass :'',                // seems to deactivate the current style
            hiddenStyle : { opacity : 50 }  // attempt to set a nex style
});

提前致谢

Answer 1

这应该是你想要做的： http://isotope.metafizzy.co/options.html#hiddenstyle

$container.isotope({
    hiddenStyle: {
        opacity: 0.5
    },
    visibleStyle: {
        opacity: 1
    }
});