jquery - 如何隐藏我想要的图像，但在同位素中需要时不隐藏

Question

所以我的网站上有一个用同位素编码的不同图像库，问题是如何隐藏我想要的图像但在需要时不隐藏，我已经成功地在“显示所有”列表中使用“not(.new, .black)”代码等等，但在用户点击显示之前，所有图像都显示出来，没有任何过滤我的代码:

   <div class="container">
           <section>
               <ul class="portfolio_filters"></a>
                     <li><a href="#" data-filter=":not(.new,.black,industrial,.mix).all">Show all</a></li>
                     <li><a href="#" data-filter=".new">New Logos</a></li>                                  <!--lightbox2-->
                     <li><a href="#" data-filter=".black ">Black & White</a></li>                            <!--lightbox3-->
                     <li><a href="#" data-filter=".industrial">Industrial</a></li>                            <!--lightbox3-->
                     <li><a href="#" data-filter=".mix">Mix</a></li>                                           <!--lightbox4-->
                </ul>
           </section>

图片链接

            <section class="portfolio_masonry"  >

                <div class="row isotope_portfolio_container">

                   <div class="new col-sm-4 col-md-4">
                          <div class="portfolio_item"> <a href="images/portfolio/lenses.jpg" class="lightbox"  >  <img src="images/portfolio/lenses.jpg"  alt="Community & Non-Profit" >
                               <div class="overlay">
                                    <div class="desc">
                                         <h4>Lenses to Their World</h4>
                                         <span class="cross"></span> </div></a>
                               </div>
                               </a> </div>
                     </div>

这是我的同位素代码

//------ISOTOPE-------------------------------------    

// cache container
var container = jQuery('.isotope_portfolio_container');
// initialize isotope
 container.isotope({
});
jQuery('.portfolio_filters a[data-filter="*"]').addClass('active');
// filter items when filter link is clicked
jQuery('.portfolio_filters a').click(function(){
  jQuery('.portfolio_filters a').removeClass('active');
  jQuery(this).addClass('active');
  var selector = jQuery(this).attr('data-filter');
  container.isotope({ filter: selector });
  return false;
});

如何在不单击其中一个列表的情况下隐藏在起始页中的一些图像，以及如何在我想要的列表中查看这些图像，提前致谢

Answer 1

如果我没理解错的话，您想在页面加载时隐藏一些图像，并在开始过滤或通过过滤器导航显示全部时显示它们吗？

尝试将 .invis 类添加到包含图像和信息的元素

例如

<div class="new col-sm-4 col-md-4 invis">