如何從mb.extrude jquery插件中正確地激活Magnific-popup？

Question

插件使用：mb.extruder和magnific-popup

當使用代碼我的網頁上使用了內嵌的內容莊重，彈出如：

<a href="#test-inline" class="popup-inline" >Inline Content</a> 

它可以完美運行。但是，如果我使用上面的代碼作爲mb.extruder鏈接，那麼它只會將鏈接視爲普通url，並使用/＃test-inline加載頁面。

這裏是我的jQuery函數：

$(document).ready(function(){ 

     $("#navSliderTop").buildMbExtruder({ 
     positionFixed:false, 
     width:350, 
     extruderOpacity:1, 
     autoCloseTime:4000, 
     closeOnExternalClick:false, 
     // hidePanelsOnClose:false, 
     onExtOpen:function(){}, 
     onExtContentLoad:function(){}, 
     onExtClose:function(){} 
     }); 

// Pop-up boxes 

    $('.popup-inline').magnificPopup({ 
     type:'inline', 
     midClick: true, 
     preloader: true 
     }); 
     }); 

Answer 1

你必須把對收藏夾代碼 「onExtContentLoad：函數（）{}」 爲它工作。

注意：它適用於通過ajax調用的主擠出機面板。但是，如果鏈接位於次要面板的內容中，則不會。

所以它看起來像。

$(document).ready(function(){ 

     $("#navSliderTop").buildMbExtruder({ 
     positionFixed:false, 
     width:350, 
     extruderOpacity:1, 
     autoCloseTime:4000, 
     closeOnExternalClick:false, 
     // hidePanelsOnClose:false, 
     onExtOpen:function(){}, 
     onExtContentLoad:function(){ 
$('.popup-inline').magnificPopup({ 
     type:'inline', 
     midClick: true, 
     preloader: true 
     }); 
}, 
     onExtClose:function(){} 
     }); 




     });