javascript - 替换 PhotoSwipe 图库中的图像

Question

我有一个 PhotoSwipe我页面上的图库是这样以编程方式创建的:

var instance = window.Code.PhotoSwipe.attach(image, options)

现在我想更新图库中的图像，或者在同一位置放置一个新的图库。

为相同的 DOM 元素 创建一个新的图库会忽略以下错误:

Code.PhotoSwipe.activateInstance:
Unable to active instance as another instance is already active for this target

使用 Code.PhotoSwipe.detatch(instance) 从元素中分离实例也无济于事。

有什么想法可以用新图像填充图库，或者删除它，以便我可以在同一个地方创建一个新图像吗？

Answer 1

我发现避免该错误的唯一方法是在 detatch 之前调用 unsetActivateInstance:

window.Code.PhotoSwipe.unsetActivateInstance(instance);

window.Code.PhotoSwipe.detatch(instance);