jquery滚动分页主页无限负载
我正在做一个时间表,我得到了一些代码片段,可以根据自己的喜好修改和使用。它从数据库中获取内容,每当我访问一个没有发布任何内容的用户的个人资料时,时间线就会将整个主页加载到分配给它的div中 这是Jquery代码jquery滚动分页主页无限负载,jquery,pagination,Jquery,Pagination,我正在做一个时间表,我得到了一些代码片段,可以根据自己的喜好修改和使用。它从数据库中获取内容,每当我访问一个没有发布任何内容的用户的个人资料时,时间线就会将整个主页加载到分配给它的div中 这是Jquery代码 <script type="text/javascript"> $(function(){ /** * Integrating slim scroll **/ $("#ul").slimScroll({ height: '1100px' }); /** * Inte
<script type="text/javascript">
$(function(){
/**
* Integrating slim scroll
**/
$("#ul").slimScroll({
height: '1100px'
});
/**
* Integrating Scroll Pagination
**/
var feeds = $("#ul");
var last_time = feeds.children().last().attr('id');
feeds.scrollFeedPagination({
'contentPage': '',
'contentData': {
'last_time' : last_time
},
'scrollTarget': feeds,
'beforeLoad': function(){
feeds.parents('#feeds').find('.loading').fadeIn();
},
'afterLoad': function(elementsLoaded){
last_time = feeds.children().last().attr('id');
feeds.scrollFeedPagination.defaults.contentData.last_time = last_time;
feeds.parents('#feeds').find('.loading').fadeOut();
var i = 1;
$(elementsLoaded).fadeInWithDelay();
}
});
$.fn.fadeInWithDelay = function(){
var delay = 0;
return this.each(function(){
$(this).delay(delay).animate({
opacity:1
}, 200);
delay += 100;
});
};
//calling the function to update news feed
setTimeout('updateFeed()', 6000);
});
/**
* Function to update the news feed
**/
function updateFeed(){
var id = 0;
id = $('.li :first').attr('id');
$.ajax({
'url' : '#feeds',
'type' : 'POST',
'data' : {
'latest_news_time' : id
},
success : function(data){
setTimeout('updateFeed()', 6000);
if(id != 0){
$(data).prependTo("#ul");
$(data).fadeIn("fast");
}
}
})
}
</script>
$(函数(){
/**
*集成薄型卷轴
**/
$(“#ul”).slimScroll({
高度:'1100px'
});
/**
*集成滚动分页
**/
var提要=$(“#ul”);
var last_time=feeds.children().last().attr('id');
feeds.scrollFeedPagination({
“内容页”:“,
“内容数据”:{
“上次”:上次
},
“滚动目标”:源,
“beforeLoad”:函数(){
feeds.parents(“#feeds”).find(“.load”).fadeIn();
},
“后加载”:函数(elementsLoaded){
last_time=feeds.children().last().attr('id');
feeds.scrollFeedPagination.defaults.contentData.last_time=最后一次;
feed.parents(“#feed”).find(“.load”).fadeOut();
var i=1;
$(elementsLoaded.fadeInWithDelay();
}
});
$.fn.fadeInWithDelay=函数(){
var延迟=0;
返回此值。每个(函数(){
$(此).delay(延迟).animate({
不透明度:1
}, 200);
延迟+=100;
});
};
//调用函数以更新新闻提要
setTimeout('updateFeed()',6000);
});
/**
*函数更新新闻提要
**/
函数updateFeed(){
var-id=0;
id=$('.li:first').attr('id');
$.ajax({
“url”:“提要”,
'type':'POST',
“数据”:{
“最新新闻时间”:id
},
成功:功能(数据){
setTimeout('updateFeed()',6000);
如果(id!=0){
$(数据)。预结束(“#ul”);
$(数据).fadeIn(“快速”);
}
}
})
}
我希望它不显示没有找到的帖子或什么都没有。谢谢。“url”:“feeds”似乎有点可疑。提要的URL是什么?哈希标记不是服务器端可读的吗?有现场演示吗?网站是什么?有没有“ur”:“feeds”它做同样的事情。我不想让它活到完美,因为循环会让系统冻结一点。我想一种“如果”的说法就行了。只是不知道如何实现它。那么问题可能出在服务器端。Idk。很难说我们有什么。只是想告诉你我的经历。请访问此页面。这是至少有一篇文章的用户的时间线。现在到这里来。这是没有帖子的用户的时间线。检查并查看它的响应。在chrome上和Network find profile.php?user=dave(第二个)下打开开发人员工具。这应该只是用户数据。。。这是整页。演示没有使用AJAX加载内容。它最初是由PHP与页面一起呈现的。禁用JS以查看它。您的ajax数据格式完全错误。它只是返回到页面,因为它不是JSON(而是straigh html),所以在这两种情况下都不会加载任何内容。如果要这样做,可以只进行ajax分页,也可以只进行php分页(通过刷新)。