如果少于 8 个帖子，如何使“加载更多”按钮不显示

Question

我有一个加载更多功能的登录博客页面。我设置了 12 个帖子在加载时显示，问题是如果少于 12 个（只发布了 7 个帖子），“加载更多”按钮仍会显示，并且只有在单击它时才会消失。如果页面上显示的帖子少于 12 个，如何修改此代码以使加载更多按钮不显示的任何想法？

<script language="javascript">
  $(function() {
    $(document).find(".ajaxsingnews").slice(0, 12).show();
    $("#loadMore").click(function() {
      $(".ajaxsingnews:hidden").slice(0, 12).slideDown();
      if ($(".ajaxsingnews").length) {
        $("#loadMore").hide();
      }
      return false;
    });
  });

</script>

如果页面上的帖子少于 12 个，我希望加载更多按钮不会显示。

Answer 1

您可以检查 .ajaxsingnews 个节点的长度：

  $(function() {
    const $newsNodes = $(".ajaxsingnews");
    if ($newsNodes.length < 12) {
      $("#loadMore").hide();
    } else {
      $("#loadMore").show();
    }

    // Rest of the code
  });

如果少于 8 个帖子，如何使“加载更多”按钮不显示

How to make Load More button not show if less than 8 posts

jquery

dom

lazy-loading