无限滚动不起作用

时间:2014-12-22 16:50:31

标签: javascript php jquery infinite-scroll

我一直在阅读有关无限滚动的教程,并且除了我的警报没有被触发之外,一切都完全一样,我无法理解为什么。在IF语句中获取滚动定位的任何可能的变化也会有所帮助。

<?php
require_once("connect.php");
$results = $connect->query("SELECT * FROM images ORDER BY image_name DESC LIMIT 0,2");
$count = $connect->query("SELECT * FROM images");
$nbr = $count->rowCount();
?>

<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>

        <div class='images'>
        <?php
            while($row = $results->fetch())
            {
                ?>
                <p><img src="images/<?php echo $row['image_name'];?>" height="500" width="500"></p>
                <?php
            }
        ?>
        </div>

    <script src='js/jquery.js'></script>
    <script>
        $(document).ready(function(){
        var load = 0;
            $(window).scroll(function(){
                if($(window).scrollTop() == $(document).height() - $(window).height())
                {
                    alert("test");
                }
            });
        });         
    </script>
    </body>
</html> 

1 个答案:

答案 0 :(得分:0)

找到解决方案。需要调用正确的库,许多站点都没有规定。以下是需要在滚动脚本之前发布的代码。

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>