Как повторно инициировать Fotoram'у после загрузки ajax контента?

Question

[advancesss]

Приветствую, фоторама не работает после загрузки ajax. Как я понимаю нужно повторно инициировать фотораму. Подскажите как

Вызываю фотораму так^

(function () {
  $('.fotorama').fotorama();
 })

Ajax-контент так

$('.popup-with-form').magnificPopup({
 	type: 'ajax'
	
 });

Answer 1

[Roman Khegay]

Попробуйте так:

$('.popup-with-form').magnificPopup({
    type: 'ajax',
    callbacks: {
        ajaxContentAdded: function() {
            $('.fotorama').fotorama().destroy();
            $('.fotorama').fotorama();
        }
    }
});

Comments

[advancesss]

супер. работает ! благодарю

Answer 2

[zkrvndm]

Попробуйте по простому в лоб вызывать код каждую секунду:

$(function() {
    setInterval(function() {
        $('.fotorama').fotorama();
    }, 1000);
})

Если ваша фоторама правильно написана, уже инициированные элементы он будет пропускать при повторных запусках, а значит способ выше допустим, хоть и не идеален. В идеале здесь надо использовать MutationObserver для отслеживание факта подгрузки контента, но мне лень писать код с ним)

Comments

[advancesss]

благодарю за решение, но не работает. рабочий вариант выложил Roman Khegay в этой ветке