Flexslider在Magnific Popup Ajax Popup

Question

我正在使用Magnific Popup（http://dimsemenov.com/plugins/magnific-popup/）並希望通過Ajax打開另一個文件。在ajax文件中，我有一個Flexslider（http://www.woothemes.com/flexslider/）應該顯示一些圖像的圖庫。

一切正常工作（hompepage上的flexslider正常加載）並且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的容器中（如果有的話，或者在頁面的某處）。您可以使用parseAjax回調指定Magnific容器：

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