Исключить изотопные-скрытые элементы из слайда-шоу

Question

Вопроса скопирован из другого пользователя, который задал этот 7 месяцев назад на GitHub, как у меня та же проблема, и решения не нашло там также GitHub Question Link.

Я использовал Magnific-Popup в сочетании с изотоп в проектах wordpress, чтобы создать галерею со слайд-шоу и фильтрами. Когда я фильтрую элементы с изотопом, он добавляет класс isotope-hidden. Но magnific-popup игнорирует этот класс и отображает все элементы также в режиме слайд-шоу.

Мои Всплывающие элементы в DIV с классом .portfolio-item Я использую следующий код для Magnific всплывающего окна

$('.image-link').magnificPopup({ 
      type: 'image', 
      image: { 
       titleSrc: 'alt', 
       verticalFit: true 
      }, 
      gallery:{ 
       enabled:true 
      }    
     }); 

Answer 1

Я тоже была такая же проблема. Читая некоторые из предложений здесь и на GitHub привела меня попробовать это:

delegate: 'li:not(.isotope-hidden).item a' 

В моем контексте, это сработало. Текущий рабочий эксперимент here.

Answer 2

попытка ориентации контейнер изотопных элементов в инициализации magnificPopup, что-то вроде этого:

$('.container').magnificPopup({ 
    delegate: ':not(.isotope-hidden) a.item', 
    type: 'image', 
    image: { 
     titleSrc: 'alt', 
     verticalFit: true 
    }, 
    gallery:{ 
     enabled:true 
    }    
}); 

он это не работает, что если вы используете встроенный в готовый раствор для этого, например, это один : http://codecanyon.net/item/media-boxes-responsive-jquery-grid/5683020 он использует изотоп V2 и Magnific Popup уже