Попытка реализовать великолепное всплывающее окно для содержимого 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? Спасибо!