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

Light box 5 is not working in ajax page load

本文关键字:加载 ajax 工作 灯箱      更新时间:2023-09-26

我正在使用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加载?

谢谢。

在添加图像后,您应该在ajax响应中重新初始化lightbox

$('img').lightBox();

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

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

我在ajax中使用这个

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

但图像抖动,有时工作不顺利。显示半张图片