jquery - 如何从 mb.extrude jquery 插件中正确激活 Magnific-popup？

Question

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

当使用 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:function(){}”中才能正常工作。

注意：它适用于通过 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(){}
      });




      });