Как исправить ajax загрузку постов Wordpress?

Question

[Пашенька]

Добрый вечер, есть такой вот скрипт ajax подгрузки постов WP. Каким образом его можно подправить, чтобы невалидность ссылки выяснялась в текущей итерации, а не при следующей.
Иными словами, чтобы класс "Show me more" исчезал если все посты были загружены в этом цикле, а не при следующем вызове.
Возможно, здесь нужно проверять по тому, есть ли ещё посты для загрузки, а не по ссылке. Как можно сделать?

(function($) {
        $('#showmemore a').live('click', function(e){
            e.preventDefault();
            $(this).addClass('loading').text('LOADING...');
            $.ajax({
                type: "GET",
                url: $(this).attr('href') + '#loop',
                dataType: "html",
                success: function(out){
                    result = $(out).find('#loop .post');
                    nextlink = $(out).find('#showmemore a').attr('href');
                    $('#loop').append(result.fadeIn(300));
                    $('#showmemore a').removeClass('loading').html('Show me more');
                    if (nextlink != undefined) {
                        $('#showmemore a').attr('href', nextlink);
                    } else {
                        $('#showmemore').remove();
                    }
                }
            });
        });
})(jQuery)

вызывается например такой loop:

<div id="loop">
<div class="post">

$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$args = array(
'post_type' => 'album',
'posts_per_page' => 25,
'paged' => $paged,
's' => get_search_query());
$my_albums = new WP_Query ($args);

while ($my_albums->have_posts()) : $my_albums->the_post();
// do more stuff with other loops
endwhile;

</div>
</div>
<div id="showmemore"><?php next_posts_link('Show Me More'); ?></div>

Answer 1

[Артём]

Напиши еще PHP-функцию которую вызываешь ajax-ом

Comments

[Пашенька]

добавил в вопрос

[Артём]

Попробуй сохранять где-то количество постов которые уже выведены на странице. И после лупа, сравнивать его с общим количеством постов. Ну и в зависимости от этого, выводить или не выводить ссылку.

[Пашенька]

вариант, только как получить кол-во выведеных в лупе постов?

[Артём]

Если у тебя страница не перезагружается, то можно хранить в js-переменной и передавать её в ajax-функцию.

(function($) {
         var postCount = 25; //Сколько постов изначально на странице
        $('#showmemore a').live('click', function(e){
            e.preventDefault();
            postCount += 25; //Прибавляешь посты которые выводятся при нажатии
            $(this).addClass('loading').text('LOADING...');
            $.ajax({
                type: "GET",
                url: $(this).attr('href') + '#loop',
                data: { post_count : postCount }, //Передаешь количество постов PHP-функции
                dataType: "html",
                success: function(out){
                    result = $(out).find('#loop .post');
                    nextlink = $(out).find('#showmemore a').attr('href');
                    $('#loop').append(result.fadeIn(300));
                    $('#showmemore a').html('Show me more');
					$(document).trigger('ready');
                    if (nextlink != undefined) {
                        $('#showmemore a').attr('href', nextlink);
                    } else {
                        $('#showmemore').remove();
                    }
                }
            });
        });
})(jQuery)

[Пашенька]

да,страница не перезагружается. вот только это страница поиска и кол-во начальных постов и кол-во постов, которые будут прибавлены, неизвестно, т.к. зависят от поискового запроса.
здесь наверное проще как-то изменить условие в скрипте, при котором #showmemore будет удалятся...

[Артём]

Ну ты же изначально, перед loop-ом указываешь сколько постов на странице выводить. А потом проверяй что-то типо:

$postCount = isset( $_GET['post_count'] ) ? $_GET['post_count'] : 25;
if ( ($paged == 1 && wp_count_posts( 'album' ) > 25) ||
      ( wp_post_count( 'album' ) > $postCount) )
    echo '<div id="showmemore">' . next_posts_link('Show Me More') . '</div>';

[Пашенька]

спасибо за помощь, я сделал проще:

(function($) {
        $('#showmemore a').live('click', function(e){
            e.preventDefault();
            $(this).addClass('loading').text('LOADING...');
            $.ajax({
                type: "GET",
                url: $(this).attr('href') + '#loop',
                dataType: "html",
                success: function(out){
                    result = $(out).find('#loop .post');
                    nextlink = $(out).find('#showmemore a').attr('href');
                    $('#loop').append(result.fadeIn(300));
                    $('#showmemore a').removeClass('loading').html('Show me more');
                    $('#showmemore a').attr('href', nextlink);
                }
            });
        });
})(jQuery)

<?php
while ($my_albums->have_posts()) : $my_albums->the_post();
// do more stuff with other loops
endwhile; if($my_albums->get('paged') != $my_albums->max_num_pages) { ?>
<div id="showmemore"><?php next_posts_link('Show Me More') ?></div>
<?php } else { ?>
<style>#showmemore{display:none;}</style>
<?php }?>