在 AJAX 加载的内容中使用 JQuery Lightbox

发布于 2024-11-04 06:36:19 字数 539 浏览 2 评论 0原文

嘿。所以这可能是一个非常菜鸟的问题,但我还不足以解决它。基本上...我有一个画廊,我正在通过 AJAX 加载到页面中。它看起来就像这样:

    <div id="gallery">
            <a href="Image1.jpg"><img src="Image1Thumb.jpg" /></a>
            <a href="Image2.jpg" title=""><img src="Image2Thumb.jpg" /></a>
    </div>

但是因为它是作为 AJAX 内容加载的,所以 JQuery/Lightbox 无法工作,我不知道如何让脚本运行/识别这个新加载的内容。

谢谢!

[注意:我正在使用的 JQuery Lightbox。]

Hey. So this is probably a very noob problem but I'm not good enough to fix it. Basically... I have a gallery that I am loading into the page via AJAX. It looks simply like this:

    <div id="gallery">
            <a href="Image1.jpg"><img src="Image1Thumb.jpg" /></a>
            <a href="Image2.jpg" title=""><img src="Image2Thumb.jpg" /></a>
    </div>

But because it's being loaded in as AJAX content, JQuery/Lightbox is not working and I've no idea how can I get the script to run/recognise this newly loaded content.

Thanks!

[Note: The JQuery Lightbox I am using.]

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

少年亿悲伤 2024-11-11 06:36:22

加载 ajax 内容后,您需要运行灯箱的代码。

例如

$.get('gallery.html',function(data){
    $('body').append(data);
    $('#gallery a').lightBox();
},'html');

You need to run the code for the light box after the ajax content has loaded.

e.g.

$.get('gallery.html',function(data){
    $('body').append(data);
    $('#gallery a').lightBox();
},'html');
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文