Как правильно активировать Magnific-popup из плагина jquery mb.extrude?

Используемые плагины: 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
      });
      });

jquery magnific-popup
person Damainman    schedule 27.06.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы должны поместить код для лайтбокса в "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(){}
      });




      });
person Damainman    schedule 28.06.2013