私はタイムラインに取り組んでおり、自分の好みに合わせて変更して使用するコードのスニペットを取得しました。データベースからコンテンツを取得し、何も投稿していないユーザーのプロファイルに移動するたびに、タイムラインは割り当てられた 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>
投稿が見つからないか、まったく表示されないようにしたいと思います。ありがとう。