1

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

基本上，在我过滤了一些项目之后，放大弹出画廊仍然包含 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，但它仍然检测到显示无元素并将它们放入画廊。

对不起我的英语不好，希望听起来很清楚。谢谢您的帮助！

干杯，米歇尔

4

0 回答 0