Вопрос:
Попытка реализовать масштабное всплывающее окно для содержимого 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 ); } } });
Работы GREAT во всех современных браузерах (Chrome, FF, Safari, IE10) – но я должен что-то делать неправильно. B/c он абсолютно задыхается в IE9 и ниже. IE console/inspector ничего мне не говорит – иногда он будет работать после вращения минут – иногда он просто блокирует программу.
Любые идеи, которые могут вызвать такие головные боли для IE? Благодарю!
Лучший ответ:
Решение: удалите строку, которая регистрирует mfpResponse на консоли:
//console.log(“Загружено содержимое Ajax:”, mfpResponse);