jQuery：最初隐藏项

所以我有可以有多个类进行过滤的项目。大概是这样的：

<div class="items>
    <div class="item category-1 category-2">An item that displays initially.</div>
    <div class="item category-1 category-2 initially-hidden">An item that is initially hidden.</div>
    <div class="item category-1 category-2">An item that displays initially.</div>
    <div class="item category-1 category-2 initially-hidden">An item that is initially hidden.</div>
    <div class="item category-1 category-2">An item that displays initially.</div>
</div>

因为他们有100件物品，而且似乎只藏了一把

---

这里有一个最新版本。

为了更好地使用同位素，请执行相反的操作-

而不是

。最初隐藏

执行

。最初显示

，并将过滤器默认设置为该值

$container.同位素（{filter:'.最初显示'}）

或者，您可以执行如下选择器：

$container.同位素（{filter:':not（.initially should）}）

但我怀疑这会起作用
 我的意思是有两种方法可以实现这个结果：在dom ready上创建一个只显示所需结果的过滤器，然后触发它

<div class="items>
    <div class="item category-1 categor-2 initial-show">An item that displays initially.</div>
    <div class="item category-1 category-2 initially-hidden">An item that is initially hidden.</div>
    <div class="item category-1 category-2 initial-show">An item that displays initially.</div>
    <div class="item category-1 category-2 initially-hidden">An item that is initially hidden.</div>
    <div class="item category-1 category-2 initial-show">An item that displays initially.</div>
</div>

默认情况下，您的小提琴设置为过滤红色：
当我尝试此操作时，初始加载时未加载的项目（最初显示）在单击其他视图时不会显示。
任何原因都不能仅使用
style=“display:none；”“
，或者将
。初始隐藏的
的css设置为显示：无
？显示您已有的代码-这可能是css的解决方案。这或多或少是@DLeh，这不是那么容易，这是我尝试的第一件事。@neiesc，哈，请查看我对原始帖子的编辑。但我希望所有过滤器都显示，除了最初隐藏的。这就是我不知道该怎么做的。由于category-2也可以有一个初始隐藏或不隐藏的类，这就是为什么这个问题更棘手的原因。添加类初始显示在您希望显示的项目上并以此进行筛选？这是可行的，但我的客户端不必按照初始显示的方式标记所有内容，而是这样做：
$container.find（'.item:not（.initially hidden）'）。addClass（'initially-show'）;在调用同位素之前。
<div class="items>
    <div class="item category-1 categor-2 initial-show">An item that displays initially.</div>
    <div class="item category-1 category-2 initially-hidden">An item that is initially hidden.</div>
    <div class="item category-1 category-2 initial-show">An item that displays initially.</div>
    <div class="item category-1 category-2 initially-hidden">An item that is initially hidden.</div>
    <div class="item category-1 category-2 initial-show">An item that displays initially.</div>
</div>

$( document ).ready(function() {
  var PageLoadFilter = '.initial-show';
  $container.isotope({ filter: PageLoadFilter});
});