в то время как загрузить больше изображений с помощью ajax prettyphoto не работает
Сначала я загружаю 3 фотографии,
после нажатия на кнопку «загрузить еще» другие 3 фотографии получают с помощью ajax
но когда я нажимаю на эту извлеченную фотографию красивая фотография не работает
он не открывает встроенный слайдер изображений, он просто открывает изображение в полном размере … (как обычная ссылка), и консоль не показывает никаких ошибок.
Вы можете найти ниже сценария:
<script type="text/javascript">
$( document ).on( 'click', '.loadmore', function ()
{
$(this).text('Loading...');
var ele = $(this).parent('li');
$.ajax({
url: 'loadmore.php',
type: 'POST',
data:
{
page:$(this).data('page'),
},
success: function(response)
{
if(response)
{
ele.hide();
$(".news_list").append(response);
}
}
});
});
</script>
заранее спасибо за помощь …
Решение
Поскольку вы динамически добавляете Items в dom, вы должны повторно инициализировать ваш экземпляр Pretty Photo.
Нечто подобное должно работать
$( document ).on( 'click', '.loadmore', function ()
{
$(this).text('Loading...');
var ele = $(this).parent('li');
$.ajax({
url: 'loadmore.php',
type: 'POST',
data:
{
page:$(this).data('page'),
},
success: function(response)
{
if(response)
{
ele.hide();
$(".news_list").append(response);
$("a[rel^='prettyPhoto']").prettyPhoto();
}
}
});
});
Другие решения
Других решений пока нет …