Javascript 无限滚动不工作

对于my

profile\u page.php

，默认情况下，会向用户显示10篇文章（数据库中的10行）。如果用户有超过10篇文章，并滚动到页面底部，则div应展开以显示剩余的文章（最多10篇）。因此，如果一个用户总共有13篇文章，默认情况下会显示10篇，然后当用户滚动到底部时，会显示其余三篇

这是我的想法，但不幸的是，我的卷轴不起作用。该页面意识到它已到达页面底部，并执行

警报（“bottom

）`但不会加载更多帖子

这里是infinity\u scroll.js

$(document).ready(function(){
    var load = 0;   
    var postLen = $('.userposts_panel').find('.message_wrapper').length;
    $(window).scroll(function(){
        if($(window).scrollTop() == $(document).height() - $(window).height()){
            // start AJAX
            if(postLen >= 10){
                load++;
                $.post("inc/ajax.php", {load:load},function (data){
                $(".userposts_panel").append(data); //  class
                        alert ("bottom");
                });
            } // if closed
        } // if closed
        });
    });

显示帖子的my HTML的结构（简化版）：

是否有人能够确定当我到达页面底部时，为什么没有加载更多数据

编辑：

Chrome控制台日志（数据）

Firefox控制台日志（数据）

---

检查此滚动并尝试

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       alert("bottom!");
   }
});

---

“数据”（在ajax回调中）包含什么？（尝试console.log）您可以

console.log（数据）

就像@JimL said一样，或者你可以使用浏览器检查工具在警报上添加一个换行符，看看

数据是什么样子的。无论请求成功与否，警报都会显示。你的控制台中是否有任何错误？你还应该确保在最后一个请求未完成之前不会发送另一个请求；@gmaniac-您好。我以前从未真正使用过
console.log（）
，但我只是在Chrome中玩过inpection选项卡。我不知道这是否是您想要的，但我用console选项卡的图像编辑了这个问题。要使用
console.log
在
警报（“底部”）之前添加这一行
console.log（数据）；
这将转储传递回的变量中的任何内容。您将在发布后截图的
控制台中看到这一点。您好，感谢您的回答。不幸的是，
if（$（窗口）。scrollTop（）+$（窗口）。height（）==$（文档）。height（））{
（您的代码）执行与if（$（窗口）.scrollTop（）==$（文档）.height（）-$（窗口）.height（））{
（我的代码）相同的操作。在中，我看不到任何更改。
$load = htmlentities(strip_tags($_POST['load']))*10;
$query = mysqli_query ($connect, "SELECT * FROM user_thoughts WHERE added_by='$user' ORDER BY id DESC LIMIT ".$load.",10");

while ($row = mysqli_fetch_assoc($query)) {
    $thought_id      = $row['id'];
    $message_content = $row['message'];
    $date_of_msg     = $row['post_details'];
    $thoughts_by     = $row['added_by'];
    $attachent       = $row['attachment'];

    echo "<div class='message_wrapper'>
      // this is where I will depict all info such as author of post etc.
    </div>";
}
?>

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       alert("bottom!");
   }
});