Question

使用以下代码在我的页面上使用magnific-popup作为内联内容：

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

它完美无缺。但是，如果我使用上面相同的代码作为mb.extruder链接，那么它只是将链接视为普通网址并使用/＃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(){}
      });




      });

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

1 个答案: