Question

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

基本上，在我过滤了一些项目之后，magnific-popup gallery仍然包含display none元素，我不希望这种情况发生。

以下是一个例子： http://codepen.io/anon/pen/zrzgpN

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()
 });
});

在示例中，我尝试仅在mixitup结束过滤时调用magnific-popup，但它仍然检测到display none元素并将它们放入库中。

抱歉我的英文不好，希望听起来很清楚。谢谢你的帮助！

干杯，米歇尔

Magnific-popup gallery显示无元素

0 个答案: