Question

嗨我想用js添加更多阅读内容，当有些点击阅读时会显示有限内容，它会在同一页面上显示完整帖子

下面是我正在使用的代码

     <?php if ( have_posts() ) : ?>

            <?php /* Start the Loop */ ?>
                <?php 
                    if ( get_query_var('paged') ) {
                        $paged = get_query_var('paged');
                    } elseif ( get_query_var('page') ) {
                        $paged = get_query_var('page');
                    } else {
                        $paged = 1;
                    }
                    query_posts( array( 'post_type' => 'post' , 'posts_per_page' => '3' ) );
                ?> <?php while ( have_posts() ) : the_post(); ?>
<div class="post-box img-polaroid row">
<h3 class="title-post text-left span3"><?php the_title(); ?></h3>

<div class="post-par span6 text-left"><?php the_content();?></div>

 <span class="span3 offset3 text-center" style="width:100%; margin:0px;">
 <button class="hear-more"></button>

</span>
</div>
<?php endwhile; ?>
     <?php endif; ?>`

当一些点击阅读更多时，它将显示完整的帖子......

Answer 1

用php限制帖子：

$length_limit = 1000; //character
echo '<div class="summaryarticle">';
echo mb_substr(the_content(), 0, $length_limit);
echo '</div>';

echo '<input type="button" value="show more..." onclick="$(this).prev().hide(); $(this).next().show();" />';

echo '<div class="fullarticle" style="display:none">';
echo the_content();
echo '</div>';

注意：使用必须在页面中包含jquery。也许是。

阅读更多与js发布wordpress

1 个答案: