【发布时间】:2011-10-04 18:56:10
【问题描述】:
我有一个包含 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>
首先,显示 5 张图片,当用户点击旧帖子时,会加载更多 5 张图片。现在我的问题是,虽然所有图片都具有相同的代码/类/结构,但灯箱仅适用于前 5 张图片,不适用于 AJAX 加载的那张。有人可以帮我解决这个问题吗?
【问题讨论】:
标签: javascript jquery ajax