用lightbox2加载AJAX内容

Question

我使用的是Lightbox2脚本，我的页面的内容是通过AJAX请求加载的。

在AJAX请求之后，我找不到任何函数来附加新的图像或初始化Lightbox2，如何才能使用Lightbox2来处理通过AJAX加载的图像呢？

莱奥

Answer 1

从文档文件：http://lokeshdhakar.com/projects/lightbox2/中，您不需要启动任何内容，任何具有data-lightbox属性的图像链接，如下所示：

<a href="img/image-1.jpg" data-lightbox="image-1" data-title="My caption">Image #1</a>

即使由AJAX加载，只要将其添加到DOM中，也将自动工作。

编辑：在查看了lightbox脚本之后，您可能还必须更改行#51：

$('body').on('click', 'a[rel^=lightbox], area[rel^=lightbox], a[data-lightbox], area[data-lightbox]', function(event) {

这方面：

$('body').live('click', 'a[rel^=lightbox], area[rel^=lightbox], a[data-lightbox], area[data-lightbox]', function(event) {

Answer 2

为了检测新的图像，我不得不重新初始化lightbox。我是这样做的：

window.lightbox.init();

在添加了新内容之后，我将这些代码放在ajax调用的成功处理程序中：

contentContainer.empty().html(data);