javascript - fotorama如何使用ajax

我在fotorama中使用Ajax遇到了两个问题

i)在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>

在这种情况下，fotorama可能有效或无效

ii)当我通过以下方式清除数据时，假设摄影机“成功”运行

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

然后添加其他图像，则fotorama完全无法正常工作。 fotorama是否支持Ajax？

最佳答案

清除照片并重新添加照片后，您需要再次重新初始化该插件才能正常工作。

$("#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();