Question

我正在尝试进行一个非常简单的无限滚动，只要滚动位于底部，就检查.html文件，然后加载另一个.html文件的内容（更多文本）。

第二个HTML文件（滚动到“限制”并进行“无限滚动”时将加载的文件）是“Ej7.1.html”：

<html>
    <body>
        <p> lorem ipsum etc etc etc </p>
    </body>
</html>

还有更多<p> lorem ipsum包含更多文字，但为了缩短阅读时间，我会将其删除。

我试图实现jQuery版本的第一个HTML文件就是这个：

<!DOCTYPE html>
<html>
    <head>
        <script> src= "https://code.jquery.com/jquery-3.3.1.min.js" </script>
    </head>

    <script>
        $(window).scroll(function () {
            if ($(window).scrollTop() == $(document).height() –    $(window).height()) {
            // Here goes the Ajax
                 $("body").load("Ej7.1");
            }
        });
    </script>

    <body>
        <h1> Pagina ej 7</h1>

        <p> lorem ipsum and a lot of text </p>
    </body>
</html>

因此，错误导致我打开html并按 F12 ，– $(window).height()) {中的语法错误为unexpected identifier错误。

我认为我遇到了语法错误，但我似乎无法找到我错过的错误。

Answer 1

您的脚本标记格式错误。将src属性放在标记本身中：

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

Answer 2

你使用了错误的字符来减去。

您正在使用–（字符代码：8211）。你应该使用-（字符代码：45）。键盘可能有问题，或者您从一些未正确格式化的源中复制粘贴。

此外，您的jQuery包含标记无法像@agmcleod一样发现。

该行基本上是这样做的：

<script>
    src= "https://code.jquery.com/jquery-3.3.1.min.js"
</script>

如果您在页面上console.log(src)，您会看到：

"https://code.jquery.com/jquery-3.3.1.min.js"。

使用Ajax轻松无限滚动jQuery

2 个答案: