jquery - jqueryエンドレススクロールが機能しない

Question

Web サイトにエンドレス スクロール機能を実装しようとしていますが、何らかの理由で機能しません。これは私が持っているコードです

<script>
  $(document).ready(function () {
    alert("This part works");
    $(window).scroll(function () {
       if ($(window).scrollTop() == $(document).height()- $(window).height()) {
         alert("You have reached the bottom");
       }
    });
  });
</script>

最初のアラート ボックスが機能し、Jquery が機能していて、下にスクロールしたときに 2 番目のアラート ボックスが機能していないことを知らせてくれます。