javascript - HTML テンプレートに無限スクロールを追加するにはどうすればよいですか?

Question

HTML テンプレートに無限スクロールを追加しようとしていますが、失敗しました。私はたくさん試しました。以下のコードを作成しました。

<li class="pagination-wrap">
    <p>Go to page</p>
    <ul class="pagenav">
        <li>
            <a>1</a>
        </li>
        <li>
            <a href="page2.html">2</a>
        </li>
    </ul><!-- End Page Nav -->
</li><!-- End Pagination Wrap -->

そして、Class "pagination-wrap" display: none to css を作成しました。また、最新バージョンの jQuery を head 要素に追加し、無限スクロール JavaScript ファイルを body 要素に追加しました。

しかし、ページの一番下をスクロールすると、実際には何も起こりませんが、読み込み中の画像が読み込まれます。page2.html ファイルもロードする必要がありますが、もうロードされていません。私は自分のPCで作業しています。

不足しているものはありますか、それともテンプレートのどこかにコードを追加する必要がありますか?

誰かが私を助けることができるかどうか教えてください。本当に感謝します