我让load更加ajax化。它工作得很好。但如果没有下一页的列表,我希望“加载更多”按钮消失。你能帮帮我吗?
这是html。
<div class="race_posts">
<!-- the room for ajax result: post list -->
</div>
<div class="loadmore">load-more</div>
这是ajax调用js。单击“加载更多”按钮时。$(\'.loadmore\').on(\'click\', function(){
var data = {
\'action\': \'rnm_load_more_ajax\',
\'page\': page,
\'date_filter\': date_filter,
\'sports_name\': \'marathon-tax\',
\'compare\': compare,
\'area_pass\': area_input,
\'feature_pass\': feature_input_arr,
\'security\': rnmLoadmore.nonce
};
$.post(rnmLoadmore.ajaxurl, data, function(response){
$(\'.race_posts\').append(response);
page++;
});
});
这是处理ajax调用的一部分。$paged = $_POST[\'page\'];
$args = array(
\'post_type\' => \'book\',
\'posts_per_page\' => 3,
\'paged\' => $paged,
);
$query = new WP_Query($args);
while($query->have_posts() ) :
$query->the_post(); ?>
<div class="ajax"> <?php the_title(); ?> </div>
<?php endwhile; wp_reset_query(); ?>
<?php wp_die();
这是我的ajax调用编码的一些部分。并且工作正常。但是当没有下一页或没有响应内容时,我希望“加载更多”按钮消失。你能给我一些帮助吗。非常感谢。