5

我正在使用 shadowbox.js 进行图片库显示。

为此,我们必须像这样生成 html

<a href="images/Ganesha3602.jpg" rel="shadowbox[my]"><img src="images/thumb.jpg"   alt="First" title="First image" /></a>
<a href="images/original.jpg" rel="shadow[my]"><img src="images/thumb.jpg" alt="Second" title="Second image" /></a>
<a href="images/original.jpg" rel="shadowbox[my]"><img src="images/thumb.jpg" alt="First" title="First image" /></a>

然后适用Shadowbox.init()于身体负荷。当上面的 html 是静态的时,它的工作就像一个魅力。但是当我使用动态生成它$.ajax并调用Shadowbox.init()成功时;影子盒不工作。我也尝试调用 Shadowbox.init()完成。

我的代码是这样的:

$(document).on('click','#load_posts_comments',function(){

    $.ajax({
        url:"post_comment_json.php",
        type: "POST",
        dataType: "json",
        data:{user_id:"123"},
        success: function(data){
            load_posts_comments(data);
        },
        complete: function(){
            Shadowbox.init();
        }
    });
});

我哪里错了?我查看了 shadowbox 网站,但没有关于动态加载内容的文档。帮助将不胜感激。

4

1 回答 1

6

您需要使用Shadowbox.clearCache();and重新初始化它Shadowbox.setup();
在这里解释得更好:shadowbox stop working after jquery function call

于 2012-07-10T08:40:45.597 回答