Question

我对flexslider有疑问，我在Wordpress主题上使用它，但我有一个问题，为什么第一张幻灯片显示为空白幻灯片，我希望有人可以帮我这个， PHP代码工作正常但我的问题是滑块中的列表，谢谢！。

我的代码：

    <div id="lookslider" class="flexslider">
<ul class="slides">
  <li>

  <div id="lookbox">
  <?php $i = 0;
  if (have_posts() ) : while ( have_posts() ) : the_post();
     if ($i%4 == 0) echo '</li><li>'; ?>

    <div id="lookslide-box">
      <div class="lookimg">
        <?php echo get_the_post_thumbnail( $page->ID, 'featured_image' ); ?>
      </div>
      <div class="lookhead">
        <h3><?php the_title(); ?></h3>
        <a href="<?php the_permalink(); ?>">Take a look</a>
      </div>

    </div>

     <?php $i++; endwhile; endif; ?>
  </div>

  </li>
</ul>

Answer 1

在您的代码中，您的增量$i以0开头，循环内的if语句显示为($i%4 == 0)。因此，此循环将以</li><li>开头。

大多数浏览器（如果不是全部）都会更正在<li>之前添加</li>的html代码。

您可能只需要更改$ i（例如1）或只在if中添加其他条件。这是一个例子：

$i = 1;
if (have_posts()) :
    echo '<li>';
    while (have_posts()) :
        the_post();
        if ($i%5 == 0) {
            echo '</li><li>';
        }
        // echo stuff
        $i++;
    endwhile;
    echo '</li>';
endif;

我希望自己清楚明白，如果我误解了某些事情，请告诉我。

为什么第一个带有flexslider的<li>在我的代码中显示为空白</li> <li>？

1 个答案: