Magnific-popup галерея показывает показывать нет элементов

Question

У меня проблемы в проекте, где мне нужно использовать magnific-popup в сочетании с mixitup. У меня есть сетка кликабельных элементов, которая запускает всплывающую галерею, если вы нажимаете на них, проблема появляется, когда я фильтрую эти элементы с помощью mixitup (mixitup добавляет свойство отображения css в строке элементов).

По существу, после того, как я отфильтровал некоторые элементы, всплывающая галерея по-прежнему включает в себя элементы отображения без элементов, и я не хочу, чтобы это произошло.

Вот пример: 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()
 });
});

В этом примере я пытался вызвать magnific-popup только тогда, когда mixitup завершил фильтрацию, но все равно обнаружил, что на экране отсутствуют элементы, и поместил их в галерею.

Извините за мой плохой английский, надеюсь, это звучит ясно. Спасибо за помощь!

Ура, Мишель