我将flexslider与wp一起使用，我的滑块有两张幻灯片作为一张，问题是当我有固定数量的幻灯片时，我多了一张空白幻灯片，在这种情况下，我最新的两张幻灯片转到最后一个位置，当我有奇数时，一切都很好。

<?php
$post_counter = wp_count_posts(\'news\');
$numOfPosts = (int)$post_counter->publish;
$i = 1;?>  <div class="flexslider flexslider-wrapper " id="slide1">
<div class="row nav-contain">
        <h1>Title</h1>
        <div class="flex-nav-container">
            <div class="flex-nav">

            </div>
        </div><!-- /.flex-nav-container -->


        </div>
    <ul class="slides">
        <li>
        <?php
        query_posts(array(
        \'showposts\' => -1,
        \'post_type\' =>\'news\',
        \'orderby\' => \'publish_date\',
        \'order\'   => \'DESC\'
        ));

        if (have_posts()) : while (have_posts()) : the_post();

        ?>
            <div class="col-md-6">
                <div class="description">
                    <div class="item-title">
                    <a class="item-date"><?php echo get_the_date(); ?></a>
            <h1><a href="<?php the_permalink();?>"><?php echo mb_strimwidth( get_the_title(), 0, 40, \'...\' );?></a></h1>
                    </div>
                    <div class="exceprt">
                    <?php echo  the_excerpt(); ?>
                    </div>
                </div>
            </div>
        <?php
        $i++;

        if($i % 2 == 1 && $numOfPosts > 2){
            echo \'</li><li>\';
        }
        endwhile;endif;
        wp_reset_query();
        ?>

        </li>
    </ul>
</div>
<div class="clearfix"></div>

编辑：部分解决方案是animationLoop:false，这样我可以很好地排序，但问题是我需要使用animationLoop，最后一张幻灯片仍然为空，我还提供了我的js：

 $(\'#slide-1\').flexslider({
    animation: "slide",
    controlsContainer: \'#slide-1 .flex-nav\',
    manualControls: \'#slide-1 .flex-control-nav li\',
    controlNav: false,
    slideshow: false,


});

重新编辑：当我删除动画：“幻灯片”时，帖子顺序正确（最新最旧），但最后一张幻灯片仍然为空。

<?php $i = -1;
 if (have_posts() ) : while ( have_posts() ) : the_post();
 if ($i%2 == 1) echo \'</li><li>\'; 
 ?>