Фоторама как работать с ajax

Question

Я получил две проблемы с использованием Ajax в фоторамме

я) до ajax, мой код:

<div id="AjaxPhoto" class="fotorama" data-nav="thumbs" data-ratio="4/3"></div>

после ajax мой код:

<div id="AjaxPhoto" class="fotorama" data-nav="thumbs" data-ratio="4/3">
  <img src="1.jpg" />
  <img src="2.jpg" />
</div>

фоторамка может работать или не работать в этом случае

II) Предположим, что фоторамка работает "успешно", когда я очищаю данные

$("#AjaxPhoto").empty();
$(".fotorama--hidden").remove();

а затем добавить другие изображения, фоторамка точно не работает снова. Поддерживает ли фоторамма AJAX?

Answer 1

Когда вы очистите фотографии и повторно добавите фотографии, вам нужно повторно инициализировать плагин, чтобы он заработал.

$("#AjaxPhoto").empty();
$(".fotorama--hidden").remove();
// Load the new set of Photos here
// after that the below statement will re-initialize the fotorama gallery plugin
$('.fotorama').fotorama();