Javascript Lightbox在AJAX加载部件上不工作

我有一个包含5张图片的页面和一个按钮，可以使用AJAX加载更多图片。我正在使用以下脚本加载其余图片：

<script type="text/javascript">
                        $(document).ready(function(){
                            $("#loadmorebutton").click(function (){
                                $('#loadmorebutton').html('<img src="<?php bloginfo('template_url'); ?>/img/ajax-loader.gif" />');
                                $.ajax({
                                    url: "<?php bloginfo('template_url'); ?>/includes/loadmore.php?lastid=" + $(".postitem:last").attr("id"),
                                    success: function(html){
                                        if(html){
                                            $("#wallPosts").append(html);
                                            $('#loadmorebutton').html('Load More');
                                        }else{
                                            $('#loadmorebutton').replaceWith('<center>No more posts to show.</center>');
                                        }
                                    }
                                });
                            });
                        });
                    </script>

$（文档）.ready（函数（）{
$（“#加载更多按钮”）。单击（函数（）{
$（'#loadmorebutton'）.html（'/img/ajaxloader.gif/>）；
$.ajax({
url:“/includes/loadmore.php？lastid=“+$（“.positem:last”）.attr（“id”），
成功：函数（html）{
如果（html）{
$（“#墙贴”）.append（html）；
$（'loadmorebutton'）.html（'loadmore'）；
}否则{
$（“#loadmorebutton”）.replaceWith（'不再显示帖子'）；
}
}
});
});
});

首先，会显示5张图片，当用户单击较旧的帖子时，会加载更多的5张图片。现在我的问题是，尽管所有图片都具有相同的代码/类/结构，但lightbox仅对前5张图片有效，而对AJAX加载的图片无效。有人可以帮我解决这个问题吗？

$（文档）。就绪（函数（）{
$(document).ready(function(){
    $("#loadmorebutton").live('click', function (){
        $('#loadmorebutton').html('<img src="<?php bloginfo('template_url'); ?>/img/ajax-loader.gif" />');
        $.ajax({
            url: "<?php bloginfo('template_url'); ?>/includes/loadmore.php?lastid=" + $(".postitem:last").attr("id"),
            success: function(html){
                if(html){
                    $("#wallPosts").append(html);
                    $('#loadmorebutton').html('Load More');
                }else{
                    $('#loadmorebutton').replaceWith('<center>No more posts to show.</center>');
                }
            }
        });
    });
});

$（“#加载更多按钮”）.live（'单击'，函数（）{
$（'#loadmorebutton'）.html（'/img/ajaxloader.gif/>）；
$.ajax({
url:“/includes/loadmore.php？lastid=“+$（“.positem:last”）.attr（“id”），
成功：函数（html）{
如果（html）{
$（“#墙贴”）.append（html）；
$（'loadmorebutton'）.html（'loadmore'）；
}否则{
$（“#loadmorebutton”）.replaceWith（'不再显示帖子'）；
}
}
});
});
});

---

使用jQuery.Live（）将事件附加到将通过AJAX添加到页面的对象。否则，只有在调用函数时，事件才会绑定到页面上的元素中。可以找到文档

您能帮我转换一下这个吗？”$（文档）.ready（函数（）{$（'#commentBox'）.hide（）；$（'#comment'）。单击（函数（）{$（'#commentBox'）.show（）；}）；'你是想让每个评论框在加载时隐藏起来，还是通过css来实现？我将默认css显示为：无，然后您不需要隐藏行，只需在文档中使用以下内容即可。ready（）

$（'#comment'）.live（'click'，function（）{$（'#commentBox'）.show（）；}）如果这解决了您的问题，请将其标记为答案；否则，这个问题将继续显示为没有答案。