AJAX加载了lightbox2的内容

Question

我正在使用Lightbox2脚本，我的页面内容是通过AJAX请求加载的 在AJAX请求之后，我找不到附加新图像或初始化Lightbox2的任何功能，如何将Lightbox2用于通过AJAX加载的图像？

莱奥

Answer 1

我不得不重新初始化灯箱以检测新图像。我这样做了：

window.lightbox.init();

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

contentContainer.empty().html(data);

Answer 2

从文档文件中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后由AJAX加载，

也会自动运行。

编辑：在查看了灯箱脚本之后，您可能还需要更改第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) {