jquery - AJAX更新DOM后如何重新初始化(召回)FancyBox？

Question

我正在使用 widgetkit 插件 (Joomla CMS)，用于灯箱。由于 widgetkit 使用 fancybox 来显示灯箱，我在这里发布一个问题。

当我不使用 AJAX 技术来更新 Joomla 网站的内容时，FancyBox 工作得很好。当我启用 AJAX，并使用 ajax 技术刷新或移动到另一个页面时，灯箱效果消失了 - 图像本身在新窗口中打开。我认为这是因为 AJAX 更新了 DOM，而 FancyBox 无法识别这一点。我在 AJAX 代码插件中确实有一个区域，我可以在其中编写某些 JavaScript 代码，这些代码将在 AJAX 完全加载网站后执行 AJAX。我只是想知道我应该在那里输入什么，以将 FancyBox 初始化为 AJAX 刚刚生成的新 DOM。

对于mootools lightbox(如果我有的话)我可以简单地写下这一行:window.fireEvent('domready');

我不知道如何为 jQuery FancyBox 做到这一点。

我也在这里发布了同样的问题(如果有人需要更多信息):http://skrij.me/Qv56

Answer 1

您可以在每次更改 DOM 时调用 fancybox(例如，$(".fancybox").fancybox();)，或者使用使用“live”附加点击的版本 2处理程序