0

ここに私のコード、最初の投稿に「アクティブな」クラスを追加したいと思います。これを解決するのを手伝ってください。新しいクラスを追加するために $i を使用しました。

<?php         
    $args = array( 'post_type' => 'cc_testimonial', 'posts_per_page' => 1, "order" => "DESC");
    $query = new WP_Query( $args );
    $cc = count($query);
    if ( $query->have_posts() ) {
    while ( $query->have_posts() ) { 
    $query->the_post();
?>
<?php for($i = 0; $i<$cc; $i++){ ?>
                    <div class="testimonialitem item <?php echo ($i==0)?'active':'' ?>">
                        <div class="testimonial-content">
                            <p><?php the_title( );?></p>
                        </div>                          
                    </div><!--/.testimonialitem-->                      


<?php    
}
            }
        }
        wp_reset_query();
        wp_reset_postdata();
?>
4

3 に答える 3

3

アクティブなクラスを最初の投稿に適用するには、以下のコードを試してください:

<?php         
$args = array( 'post_type' => 'cc_testimonial', 'posts_per_page' => 1, "order" => "DESC");
$query = new WP_Query( $args );
$cc = count($query);
if ( $query->have_posts() ) {
$i=0;
while ( $query->have_posts() ) { 
$query->the_post();
<div class="testimonialitem item <?php echo ($i==0)?'active':''; ?>">
                    <div class="testimonial-content">
                        <p><?php the_title( );?></p>
                    </div>                          
                </div><!--/.testimonialitem-->       
      $i++; 
       }
    }
    wp_reset_query();
    wp_reset_postdata();
   ?>

ありがとう。

于 2013-11-06T06:47:19.557 に答える
0

jquery を使用して、最初の項目のクラスをより簡単に追加できます。

これを試して：

`$('.testimonialitem:first').addClass('active');`
于 2013-11-06T06:30:28.883 に答える
0

次のコードを試してください:

<?php         
$args = array( 'post_type' => 'cc_testimonial', 'posts_per_page' => 1, "order" => "DESC");
$query = new WP_Query( $args );
$cc = count($query);
if ( $query->have_posts() ) {
$i=0;
while ( $query->have_posts() ) { 
$query->the_post();
<div class="testimonialitem item <?php echo ($i==0)?'active':'' ?>">
                    <div class="testimonial-content">
                        <p><?php the_title( );?></p>
                    </div>                          
                </div><!--/.testimonialitem-->       
      $i++; 
       }
    }
    wp_reset_query();
    wp_reset_postdata();
   ?>
于 2013-11-06T06:13:28.927 に答える