Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery滚动分页主页无限负载_Jquery_Pagination - Fatal编程技术网

jquery滚动分页主页无限负载

jquery滚动分页主页无限负载,jquery,pagination,Jquery,Pagination,我正在做一个时间表,我得到了一些代码片段,可以根据自己的喜好修改和使用。它从数据库中获取内容,每当我访问一个没有发布任何内容的用户的个人资料时,时间线就会将整个主页加载到分配给它的div中 这是Jquery代码 <script type="text/javascript"> $(function(){ /** * Integrating slim scroll **/ $("#ul").slimScroll({ height: '1100px' }); /** * Inte

我正在做一个时间表,我得到了一些代码片段,可以根据自己的喜好修改和使用。它从数据库中获取内容,每当我访问一个没有发布任何内容的用户的个人资料时,时间线就会将整个主页加载到分配给它的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>

$(函数(){
/**
*集成薄型卷轴
**/
$(“#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分页(通过刷新)。