Jquery 同位素过滤-页面加载上每个类别的加载特定编号

我在每个类别中都有很多项目，但我只想显示每个类别中加载的前3个项目，然后在过滤时，它应该显示该类别中的所有项目。我在选项中找到了一个关于使用“过滤器”只加载单个类别的方法，但这不是我想要做的。我做了个模型。现在，每个类别中有4个元素，但我只想显示加载时每个类别中的3个元素

以下是我尝试过的几件事。 1.我将display:none添加到CSS中的所有项目中，然后使用lt（）从每个类中选择前3个项目以在加载时显示它们

$('.webinar.item:lt(3), .video.item:lt(3), .printable.item:lt(3)').show();

$('.webinar.item:lt(3), .video.item:lt(3), .printable.item:lt(3)').show();

这在加载时工作得很好，但在过滤时，一旦最初隐藏，所有项目都将消失。同位素没有向过滤的项目添加display:block，因此CSS在页面加载后覆盖并隐藏了这些项目。我更改了同位素文件以添加一个显示：block；当过滤时，但是这真的把动画搞砸了，并且在过滤类别时引起了很多跳跃

2） 与上面相同，但我在CSS中将不透明度设置为0，使用下面的设置将每个类别的前3个项目设置为可见，但是，正如预期的那样，addt'l项目所在的位置只是“空”块，因为它们仍然是由同位素定位的

$（'.webinar.item:lt（3），.video.item:lt（3），.printable.item:lt（3））.css（'opacity'，'1'）

如前所述，我只想展示每个类别装载的前3个项目。非常感谢您的帮助。
好的，显然我只需要把这些都打出来就可以回答我自己的问题了。：）对于那些找到这条线索并希望做类似事情的人，以下是我所做的

我使用jQuery隐藏所有项目，而不是CSS，因此它只会发生一次

我把清单上的所有项目都藏起来了

$('.isotope-list .item').hide();

然后，使用lt（）显示每个类别的前3个。这使得我只能在加载时显示3，并没有以任何方式干扰过滤