Glide JS data-glide-dir next未正确呈现

Question

我使用Glide JS进行幻灯片放映，它是我用ACF和Gutenberg块构建的。

但是next按钮有一个问题。">“不能正确呈现--它会破坏整个DOM。有没有替代"data-glide-dir“下一个命令的方法？当我删除data-glide-dir=">“时，一切工作正常。

下面是我使用的代码-屏幕截图显示了它最终是如何在浏览器中呈现的。

screenshot

​

<?php $gallery = get_field('images'); ?>
<?php if( $gallery ) : ?>

    <div class="gcont">

        <div class="glide">

            <div class="glide__track" data-glide-el="track">
                <ul class="glide__slides">
                <?php foreach( $gallery as $image ) : ?>
                    <li class="glide__slide"><img class="full-width-image" src="<?php echo esc_url($image['sizes']['large']); ?>" alt="<?php echo esc_attr($image['alt']); ?>"></li>
                <?php endforeach; ?>
                </ul>
            </div>

            <div class="glide__arrows" data-glide-el="controls">
                <button class="glide__arrow glide__arrow--prev" data-glide-dir="<">prev</button>
                <button class="glide__arrow glide__arrow--next" data-glide-dir=">">next</button>
            </div>

        </div>

    </div>

<?php endif; ?>

​

Answer 1

我的诀窍是用<用<和>用>编码

另请参阅：HTML: Should I encode greater than or not? ( > > )