我希望在使用ajax进行jquery动画之后获得帖子内容,就像jpg流程一样..! the plan wrote in image
这是我现在拥有的jquery代码:
$(".read-more").click(function() {
var wheight = $(window).height()
$("#wrapper").animate({top:wheight},700,'easeInOutQuart', function(){
$("#wrapper_project").slideDown('1000','easeOutCirc');
$("#menu").fadeOut('500');
});
});
这是HTML模板:
<section class="block">
<?php
$mypost = array(
'post_type' => 'project',
'posts_per_page' => 1000,
);
$loop = new WP_Query( $mypost );
?>
<?php while ( $loop->have_posts() ) : $loop->the_post();?>
<article id="post-<?php the_ID(); ?>" <?php post_class('post clearfix'); ?>>
<div class="left thumbnail_box">
<a rel="<?php the_permalink() ?>" href="<?php echo get_permalink(); ?>"><?php the_post_thumbnail( 'project-thumbnail' ); ?></a>
</div>
<div class="desc">
<h3 class="post_title"><a rel="<?php the_permalink() ?>" href="<?php echo get_permalink(); ?>"><?php the_title(); ?></a></h3>
<p class="entry-content"><?php the_content(); ?> <a rel="<?php the_permalink() ?>" href="#" class="read-more">...Read More</a> </p>
</div>
</article>
<?php endwhile; ?>
<!-- list_view-->
<?php wp_reset_query(); ?>
</section><!-- section -->