jquery - 新图像加载后灯箱不工作

Question

初始化灯箱:

<script type="text/javascript" src="<?=SITE_TEMPLATE_PATH?>/js/slimbox2.js"></script>

我的页面上有静态图像:

<a class="itogdetimg" href="" rel="lightbox" title="">
    <img width="83px" src="/img.png" border="0"/>
</a>

我有 id="knav1" 的链接，点击此按钮可以使用 jquery 脚本加载新图像:

$("#knav1").click(function(){
        $("#navldesc").load('/api.php?nvl=y&komplektn=Комплит2');
});

链接类型与上面相同，但带有它们的灯箱不再起作用。我认为这是因为页面上原本没有它们。我该如何解决这个问题？

Answer 1

对于 slimbox2 这应该有效:

$("#knav1").click(function(){
        $("#navldesc").load('/api.php?nvl=y&komplektn=Комплит2',function() {
             $("#navldesc").find("[rel='lightbox']").slimbox(/*if you have custom options place them here*/);
        });
});

正如我最初的评论所述，问题是 slimbox2 不关心由 ajax 添加的图像。因此您需要自己将 slimbox 应用于新添加的图像。

但据我所知，slimbox2 已经很长时间没有更新了，所以它可能与较新版本的 jquery 不兼容。我建议你考虑一个替代方案。我有一个自己的 ui 框架，所以我真的可以给出关于哪个库更好的很好的建议。 (这些看起来像是最新的: fancybox2 lightbox2 )