1

使用的插件:mb.extrudermagnific-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
      });
      });
4

1 回答 1

0

您必须将灯箱的代码放在“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(){}
      });




      });
于 2013-06-28T18:06:16.020 回答