灯箱 5 在 ajax 页面加载中不起作用答案

【问题标题】：Light box 5 is not working in ajax page load灯箱 5 在 ajax 页面加载中不起作用
【发布时间】：2016-10-28 10:50:52
【问题描述】：

我正在为一个项目使用 ajax 进行滚动页面加载，但是当我滚动并且图像正在加载 ajax 页面加载时，我无法在灯箱中显示图像。

我正在使用灯箱 5。

<script src="js/jquery.lightbox-0.5.js"></script> 
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />

我该怎么做？我做错了什么还是在 ajax 加载中不受支持？

谢谢。

【问题讨论】：

我从未使用过 Lightbox，但我认为您需要再次初始化 Lightbox，以便将其应用于新图像。您的代码中可能有类似 $('img').lightBox() 的内容，您需要在附加图像后再次调用它。

【解决方案1】：

添加图片后，您应该在 ajax 响应中重新初始化灯箱

$('img').lightBox();

【讨论】：

【解决方案2】：

这是我的重新初始化代码。

   <script type='text/javascript'>
     $(function() { $('#gallery a').lightBox(); });
    </script>

【讨论】：

【解决方案3】：

我在 ajax 中使用这个

$('.agileinfo-gallery-row a').simpleLightbox({
            navText: ['&lsaquo;', '&rsaquo;']
        });

但图像抖动，有时无法顺利运行。显示一半图像。

【讨论】：