Javascript 在动态生成的内容上应用Shadowbox.js

我正在使用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网站，但没有关于动态加载内容的文档。非常感谢您的帮助。

您需要使用

Shadowbox.clearCache（）重新初始化它和
Shadowbox.setup（）

这里的解释更好：
是的，我也试过，但没用。这个答案对你有帮助吗@谢谢你，伙计。。你救了我一天。：）使用此代码可以运行Shadowbox.clearCache（）；Shadowbox.setup（）；我已经发布了一个答案，以防他们不将此作为重复项关闭=）
$(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();
        }
    });
});