WordPress帖子加载更多按钮

发布于 2025-01-26 00:19:38 字数 864 浏览 2 评论 0原文

我有用于显示所有帖子（来自ACF）的自定义PHP模板。我只需要第一个显示，然后单击按钮加载另外6个。

我的代码： JS

<script>
$(document).ready(function(){
  $(".content").slice(0, 6).show();
  $("#loadMore").on("click", function(e){
    e.preventDefault();
    $(".content:hidden").slice(0, 6).slideDown();
    if($(".content:hidden").length == 0) {
      $("#loadMore").text("No Content").addClass("noContent");
    }
  });
  
})
</script>

PHP

    $args = array(
        'posts_per_page' => -1,
        'post_type' => 'dluhopisy',
    );
    $the_query = new WP_Query( $args ); 
    if( $the_query->have_posts() ){
        while ( $the_query->have_posts() ){
            $the_query->the_post();
            $the_id = get_the_id();

HTML

<a href="#" id="loadMore">Load More</a>

原文

i have custom php template for display all posts (from ACF). I need display only first 6 and after click on button load another 6.

My code:
JS

<script>
$(document).ready(function(){
  $(".content").slice(0, 6).show();
  $("#loadMore").on("click", function(e){
    e.preventDefault();
    $(".content:hidden").slice(0, 6).slideDown();
    if($(".content:hidden").length == 0) {
      $("#loadMore").text("No Content").addClass("noContent");
    }
  });
  
})
</script>

PHP

    $args = array(
        'posts_per_page' => -1,
        'post_type' => 'dluhopisy',
    );
    $the_query = new WP_Query( $args ); 
    if( $the_query->have_posts() ){
        while ( $the_query->have_posts() ){
            $the_query->the_post();
            $the_id = get_the_id();

HTML