我正在使用 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 网站,但没有关于动态加载内容的文档。帮助将不胜感激。