Пробовал несколько вариантов не получилось(
Вывод постов:
<div id="post-count"><?php echo $count_posts->publish; ?></div>
<div class="cases__content">
<?php
$my_posts = get_posts( array(
'posts_per_page' => 2
) );
foreach( $my_posts as $post ){?>
<a href="<?php the_permalink(); ?>" class="cases__item">
<div class="cases__overlay">
<img src="<?php echo get_the_post_thumbnail_url(); ?>" alt="case_preview">
</div>
<h3 class="cases__item-title"><?php the_title(); ?></h3>
</a>
<?php } wp_reset_postdata();?>
<div id="load-post">Показать еще</div>
</div>
JS:
var post_count = $('#post-count').text(),
btn_load_post = $('#load-post'),
url_controller = "/wp-content/themes/theme/more.php";
$(function(){
if(post_count <= page) {btn_load_post.hide();}
btn_load_post.on('click',function(e){
e.preventDefault();
posts_per_page += 2;
$.ajax({
type : "GET",
data : {"posts_per_page" : posts_per_page},
dataType : "html",
url : url_controller,
success : function(data){
if(!data) {
btn_load_post.fadeOut();
}
$data.fadeIn(500, function(){
if($('.cases__content > a').size() == post_count) {
btn_load_post.hide();
}
});
}
});
});
});
Что написать в more.php? и можно ли так делать?
