1

使用するプラグイン: 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
      });
      });
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 に答える