Блог

Я изучаю WordPress на лету во время создания сайта. Теперь я пытаюсь поместить кнопку «Загрузить больше» под сообщениями, и когда я нажимаю на нее, чтобы загрузить следующую часть сообщений.

Я следовал одному руководству, которое я нашел. Что я добавил к function.php , так это

 function my_load_more_scripts() {

    global $wp_query; 

    wp_register_script( 'my_loadmore', get_stylesheet_directory_uri() . '/myloadmore.js', array('jquery') );

    wp_localize_script( 'my_loadmore', 'loadmore_params', array(
        'ajaxurl' => site_url() . '/wp-admin/admin-ajax.php', // WordPress AJAX
        'posts' => json_encode( $wp_query->query_vars ), // everything about your loop is here
        'current_page' => get_query_var( 'paged' ) ? get_query_var('paged') : 1,
        'max_page' => $wp_query->max_num_pages
    ) );

    wp_enqueue_script( 'my_loadmore' );
}

add_action( 'wp_enqueue_scripts', 'my_load_more_scripts' );

function loadmore_ajax_handler(){

    $args = json_decode( stripslashes( $_POST['query'] ), true );
    $args['paged'] = $_POST['page']   1; // we need next page to be loaded
    $args['post_status'] = 'publish';

    query_posts( $args );

    if( have_posts() ) :

        // run the loop
        while( have_posts() ): the_post();   
             the_title();
        endwhile;

    endif;
    die;
}

add_action('wp_ajax_loadmore', 'loadmore_ajax_handler'); // wp_ajax_{action}
add_action('wp_ajax_nopriv_loadmore', 'loadmore_ajax_handler'); // wp_ajax_nopriv_{action}
  

Это часть javascript

 jQuery(function($){
    $('.loadmore').click(function(){

        var button = $(this),
            data = {
            'action': 'loadmore',
            'query': loadmore_params.posts, 
            'page' : loadmore_params.current_page
        };

        $.ajax({ // you can also use $.post here
            url : loadmore_params.ajaxurl, // AJAX handler
            data : data,
            type : 'POST',
            beforeSend : function ( xhr ) {
                button.text('Loading...'); 
            },
            success : function( data ){
                if( data ) { 
                    button.text( 'More posts' ).prev().before(data); // insert new posts
                    loadmore_params.current_page  ;

                    if ( loadmore_params.current_page == loadmore_params.max_page ) 
                        button.remove();

                } else {
                    button.remove();
                }
            }
        });
    });
});
  

И это кнопка

     <?php

        $the_query = new WP_Query(array(
            'posts_per_page' => 1,
            'category_name' => 'jobs', // this is the category SLUG
        ));
     ?>
     <?php while ($the_query->have_posts()) : $the_query->the_post(); ?>
         <?php the_title(); ?>
     <?php endwhile; ?>

<span class="loadmore">More posts</span>
  

У меня есть 2 сообщения в категории Jobs(slug = jobs) также, как вы можете видеть выше, я добавил posts_per_page равным 1, чтобы протестировать кнопку.

Я вижу одно сообщение на странице и кнопку ниже, но когда я нажимаю на More posts вместо загрузки еще одного сообщения, оно просто отображается 0 на странице над текущим видимым сообщением.

Это пользовательский шаблон страницы, а не index.php если это имеет значение.

В чем здесь может быть проблема?