javascript - 在 jQuery Isotope 或 Masonry 中，我可以忽略一个项目吗？

Question

我有这个要过滤的项目列表:

<ul id="container">
    <li class="item filter">This is where I'd put my filters</li>
    <li class="item">Item 1</li>
    <li class="item">Item 2</li>
    <li class="item">Item 3</li>
</ul>

那么我想像这样执行它......

  $container.isotope({
    itemSelector : '.item'
  });

...但我想要一个类似ignore: '.filter' 的选项。这样的事情可行吗？

整个目标是将过滤器放入容器中，采用相同的样式和转换。

Answer 1

$container.isotope({
    itemSelector : '.item:not(.filter)'
});

只需使用 :not() 选择器即可。

编辑:

您建议将其包含在初始同位素选择中，并使其作为同位素的一个项目，但不可过滤 - 至少我是这样理解您的。< br/>因此，要实现这一点，请保留您的原始内容:

$container.isotope({
    itemSelector : '.item'
});

以后，当你做你的过滤器时，总是简单地包含 , .filter
示例:

//Assume something got clicked, which had a data-filter attribute.
var filters = $(this).data('filter');
$container.isotope({
    filter: filters +', .filter'
});