Flexslider in Magnific Popup Ajax Popup

Question

Я использую Magnific Popup (http://dimsemenov.com/plugins/magnific-popup/) и хочу открыть другой файл через Ajax. В файле ajax у меня есть галерея Flexslider (http://www.woothemes.com/flexslider/), в которой должны отображаться некоторые изображения.

Все работает нормально (обычно работает flexslider на hompepage), и всплывающее окно ajax также открывается. Но слайдер внутри всплывающее окно не отображается (я думаю, его не инициализировали каким-то образом).

JS

$(window).load(function() { 
$('#home-slider').flexslider({ 
    //Options 
}); 

$('#portfolio-slider').flexslider({ 
    //Options 
}); 
}); 

HTML

<div id="portfolio-slider" class="flexslider"> 
    <ul class="slides"> 
    <li> 
     <img src="img/portfolio1.png" alt="Description" /> 
    </li> 
    <li> 
     <img src="img/portfolio2.png" alt="Description" /> 
    </li> 
    </ul> 
</div> 

Я думаю, что я что-то не хватает, но я не имею ни малейшего представления, что такое ...

Answer 1

старый вопрос, но в любом случае. Поскольку окно уже загружено, вам нужно обернуть код вместо $ (document) .ready (function() {}); и включите его внутри контейнера, который вы загружаете в Magnific Popup (если есть, иначе где-нибудь на странице). Вы можете указать контейнер Magnific с использованием обратного вызова parseAjax:

$('.ajax').magnificPopup({ 
     type: 'ajax', 
     cache: false, 
     callbacks: { 
      parseAjax: function(mfpResponse) { 
       mfpResponse.data = $(mfpResponse.data).find('#some-element'); 
      } 
     }, 
     overflowY: 'scroll', 
     // More options 
    });