Question

尝试为ajax内容实现一个巨大的弹出窗口。只想从链接指向的页面加载元素。为了更容易，我使用“数据片段”作为链接上的属性。标记看起来像这样：

<a href="browse-taxonomy.html" class="modal-ajax-fragment" data-fragment="#browse-taxonomy" title="Browse">

JS函数看起来像这样：

$( '.modal-ajax-fragment' ).magnificPopup({
          type: 'ajax',
          fixedContentPos: false,
          fixedBgPos: true,
          overflowY: 'auto',
          closeBtnInside: true,
          preloader: false,
          midClick: true,
          removalDelay: 300,
          mainClass: 'my-mfp-zoom-in',
          disableOn: 480,

          callbacks: {

             parseAjax: function( mfpResponse ) {

                    var mp = $.magnificPopup.instance,
                        t = $( mp.currItem.el[0] ),
                        fragment = ( t.data( 'fragment' ) );

                        mfpResponse.data = $( mfpResponse.data ).find( fragment );
                        console.log( 'Ajax content loaded:', mfpResponse );
            }
          }
      });

在所有现代浏览器（Chrome，FF，Safari，IE10）中都能运行得很好 - 但是我必须做错事，而且它在IE9及以下版本中绝对会窒息。 IE的控制台/检查员什么也没告诉我 - 有时它会在旋转几分钟后起作用 - 有时它只会锁定程序。

任何可能导致IE出现此类麻烦的想法？谢谢！

Answer 1

解决方案：删除将mfpResponse记录到控制台的行：

// console.log（'Ajax content loaded：'，mfpResponse）;

Magnific Popup + ajax调用html片段

1 个答案: