灯箱 5 在 ajax 页面加载中不工作

Question

我正在为一个项目使用 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 负载不支持它？

谢谢。

Answer 1

在将图像添加为

后，您应该在 ajax 响应中再次重新初始化灯箱

$('img').lightBox();

Answer 2

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

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

Answer 3

我在 ajax

中使用这个

$('.agileinfo-gallery-row a').simpleLightbox({
            navText: ['‹', '›']
        });

但图像抖动，有时工作不流畅。显示一半图像。