我正在研究一个时间表,我得到了一些代码片段来修改和使用我自己的口味。它从数据库中获取内容,每当我转到未发布任何内容的用户个人资料时,时间线都会将整个主页加载到为其分配的 div 中。
这是Jquery代码
<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>
我希望它不显示未找到的帖子或什么都没有。谢谢。