ajax - 壮大なポップアップ + html フラグメントの ajax 呼び出し

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 でこのような頭痛の種を引き起こしている可能性のあるアイデアはありますか? ありがとう！