Есть скрипт выполнения , который выполняет следующая , карусель картинок при нажатие срабатывает скрипт магнифик попап , который создает tpl страницу с еще одной каруселью , которая должна парсится в кэлбеке , но у вы ничего не выходит , не срабатывает даже консоль лог кэлбэк .
<script>
$(document).ready(function () {
$('.owl-carousel').owlCarousel({
loop: false,
margin: 10,
nav: true,
responsive: {
0: {
items: 1
},
600: {
items: 3
},
1000: {
items: 5
}
}
});
$('.open-popup-link').on('click', function () {
var post_id = $(this).attr('data-post_id');
$.magnificPopup.open({
type: 'ajax',
items: {
src: 'index.php?route=instagram/instagram/getMedia&post_id=' + post_id,
},
callbacks:
{
parseAjax: function () {
console.log("callback called! "),
$('.owl-carouseles').owlCarousel({
loop: false,
margin: 100,
nav: true,
responsive: {
0: {
items: 1
},
600: {
items: 3
},
1000: {
items: 5
}
}
})
}
}
});
});
});
</script>
Страница которая создается , при на открытие фото в начальной карусели
<div class="owl-carouseles">
<?php foreach ($posts as $post) { ?>
<div class="item">
<?php if (isset ($post['image'])) { ?>
<img src="<?= $post['image']; ?>">
<?php } ?>
<?php if (!empty($post['video'])) { ?>
<video src="<?= $post['video']; ?>" height="640" autoplay loop></video>
</div>
<?php } ?>
</div>
<?php } ?>
</div>
