Javascript 放大弹出式图库显示无显示元素

我在一个项目中遇到了麻烦，我需要在mixitup的组合中使用放大弹出窗口。 我有一个可点击项目的网格，如果你点击它们，它会启动一个放大的弹出式图库，当我使用mixitup过滤这些项目时，问题会弹出（mixitup在元素的行中添加css显示属性）

基本上，在我过滤了一些项目之后，放大弹出式图库仍然包含display none元素，我不希望发生这种情况

下面是一个例子：

在本例中，我尝试仅在mixitup结束过滤时调用放大弹出窗口，但它仍然检测到display none元素并将它们放入gallery

对不起，我的英语不好，希望它听起来清楚。谢谢你的帮助

干杯，

---

Michele

您只想让css中的section.mix{display:none；}工作吗？.mix{display:none；}实际上正在工作，问题是当您过滤元素并且放大弹出窗口仍然在库中包含display:none元素时。@Malander您找到答案了吗？您只想让css中的section.mix{display:none；}工作吗？.mix{display:none；}实际上正在工作，问题是当你过滤元素时，放大弹出窗口仍然在画廊中包含display:none元素。@Malander你找到答案了吗？

function mfp_init() {
 $('section .gallery').magnificPopup({
  delegate: 'a',
  type: 'image',
  mainClass: 'mfp-fade',
  gallery: {
   enabled: true
  }    
 });
}

// Mix it Up init
$(function(){
 $('section .gallery').mixItUp();
 $('section .gallery').on('mixEnd', function(){      
  mfp_init()
 });
});