Question

好的，这有点复杂，所以我会尽力解释它：

我有一个while循环，它有一个下一个链接，在我刚用标准html之前，所以它非常简单，点击了类＆＃39;箭头＆＃39;它只会到下一部分，例如：

    $i = 0;

    while ( have_rows('sections') ) : the_row();
    $sectionName = $i++;
    ?>
        <section id="<?php echo $sectionName; ?>" class="full-bg-image" style="background-image: url('<?php the_sub_field('section_image'); ?>')">
            <div class="image divider" id="partnersImg" style="background-image: url('<?php the_sub_field('section_image'); ?>')">
                <div class="wrapper">
                    <div class="overlay" style="color: <?php the_field('section_text_colour','options'); ?>">
                        <?php the_sub_field('divider_text'); ?>
                    </div>
                </div>
            </div>

            <div class="sectionContent">
                <div class="wrapper">
                    <div class="centerContent">
                        <div class="contentWrapper">

                            <div class="text animation-element" data-sr="enter center wait 0.5s, no reset" style="background-color: <?php the_field('text_block_bg_colour','options'); ?>; color: <?php the_field('text_block_text_colour','options'); ?>">
                                <?php the_sub_field('section_text'); ?>
                                <div class="arrowContainer"><a href="<?php echo "#".$sectionName; ?>" class="arrow next"></a></div> 
                            </div>


                            <div class="clr"></div>
                        </div>

                    </div>
                </div>
            </div>

        </section>

    <?php endwhile;

为wordpress管理员中添加的每个项目名称设置了sectionName变量，但是当我的上面的代码显示并且锚点本身也链接而不是下一部分时出现问题，我想知道如何链接它到下一节，如果它的最后一节有一个锚链接到第一节。

<section id="0">
<div class="arrowContainer"><a href="#0" class="arrow next"></a></div> 
</section>

<section id="1">
<div class="arrowContainer"><a href="#1" class="arrow next"></a></div> 
</section>

<section id="2">
<div class="arrowContainer"><a href="#2" class="arrow next"></a></div> 
</section>

<section id="3">
<div class="arrowContainer"><a href="#3" class="arrow back"></a></div> 
</section>

在这种情况下，我使用的是高级自定义字段转发器，而不是帖子。

跳转到while循环中的下一部分

0 个答案: