Javascript 如何设置筛选脚本，使其在首次加载时仅显示网站上默认按钮位置的项目？

我的网站上有一个项目部分，有3个按钮。每个按钮都会过滤到特定的项目。过滤器可以工作，但问题是当页面加载时，它会显示所有3个项目，而不仅仅是与当前活动按钮相关的1个项目

我不确定要添加什么代码来只显示默认活动按钮的当前项目。任何帮助都将不胜感激

我尝试添加一个css（display none）脚本，它隐藏项目，但不会将其带回来，并将站点上的空间留空，就好像它仍然存在一样

(function(){

'use strict';


var $projects = $('.projects');

$projects.isotope({
    itemSelector: '.item',
    layoutMode: 'fitRows'
});

$('ul.filters > li').on('click', function(e){

    e.preventDefault();

    var filter = $(this).attr('data-filter');

    $('ul.filters > li').removeClass('active');
    $(this).addClass('active');

    $projects.isotope({filter: filter});

});

---

显示：无不会隐藏标记（请参见
不透明度：0；
），它根本不会渲染标记，因此所有相关规则都不适用。如果仍然有空格，这意味着它的父元素正在强制执行，而不是带有
display:none的子元素

如果是这种情况，您可能会重构父级规则或移动
display:none到父级

如果您事先知道默认情况是什么，您可以在html/css中对其进行硬编码，并在需要时对其进行进一步操作。否则，您可以在运行时使用
 
显示：无不会隐藏标记（请参见
不透明度：0；
），它根本不会渲染标记，因此所有相关规则都不适用。如果仍然有空格，这意味着它的父元素正在强制执行，而不是带有
display:none的子元素

如果是这种情况，您可能会重构父级规则或移动
display:none到父级

如果您事先知道默认情况是什么，您可以在html/css中对其进行硬编码，并在需要时对其进行进一步操作。否则，您可以在运行时使用
 弄明白了，我所需要做的就是设置一个onload函数，其中包含我想在.js文件中首先显示的过滤器

$(document).ready(function() {
  $projects.isotope({filter: '.design'});
});

我想，我所需要做的就是设置一个onload函数，该函数包含我希望在.js文件中首先显示的过滤器

$(document).ready(function() {
  $projects.isotope({filter: '.design'});
});

这就是我面临的问题。我不确定在我的.js文件中使用什么代码来阻止它加载所有3个项目。这就是我遇到的问题。我不确定在我的.js文件中使用什么代码来阻止它加载所有3个项目。