Fancybox 实例是否需要重新初始化方法？

Question

从页面中删除一些项目后，我正尝试重新初始化 FancyBox 实例，但找不到任何可用的方法；或在操作 DOM 时自动重新初始化的任何选项。我错过了什么吗？

问题是，当我现在在使用 rel="group" 属性实例化的项目上单击箭头时，我仍然看到“已删除”的内容。

我在 jQuery 的 DOM Ready 上初始化 Fancybox，如下所示：

$(".fancybox").fancybox();

HTML 元素如下所示：

<a class="fancybox" rel="group" href="http://localhost/myimages/image-1.jpg"></a>
<a class="fancybox" rel="group" href="http://localhost/myimages/image-2.jpg"></a>

我正在使用 FancyBox 第 2 版。有什么建议或 cmets 吗？

Answer 1

Fancybox 2 不包含任何销毁或更新方法。

因此，您需要再次触发 Fancybox 方法。但请注意，在重新初始化 Fancybox 之前，您必须先使用 .unbind 方法并删除元素上的所有事件。请参阅 - How to destroy Fancybox? 了解如何模拟销毁方法。

简短的回答，更新你的 DOM，取消绑定所有方法上的事件，最后通过再次调用 Fancybox 方法重新绑定。