Mobile 基础JS轨道-只显示小 我正在使用ZurBS基金会JS网站，抱歉，但我不是这个框架的粉丝，但我在这上面坚持了下来。

问题。 我曾多次尝试在orbit中或在包含的div中添加仅用于small的类show，但当我转到仅用于箭头显示的mobile view时，我必须刷新页面以查看orbit容器。我只是用了一个正常轨道，这是一个样本

这是典型的轨道还是我遗漏了什么

<div class="columns small-12 medium-10 text-center small-centered show-for-small-only">
<div class="orbit" role="region" aria-label="Test Orbit" data-orbit>
    <div class="orbit-wrapper">
        <div class="orbit-controls">
            <button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>&#9664;&#xFE0E;</button> <button class="orbit-next"><span class="show-for-sr">Next Slide</span>&#9654;&#xFE0E;</button> 
        </div>
        <ul class="orbit-container">
            <li class="is-active orbit-slide"> 
            <div class="icon">
                <img src="assets/img/people.png"> 
                <p>
                    Human-safe<br />
                    Pet-safe
                </p>
            </div>
            </li>
            <li class="orbit-slide"> 
            <div class="icon">
                <img src="assets/img/beaker.png"> 
                <p>
                    Clean without chemicals
                </p>
            </div>
            </li>
            <li class="orbit-slide"> 
            <div class="icon">
                <img src="assets/img/hearthand.png"> 
                <p>
                    Leaves no toxic residue
                </p>
            </div>
            </li>
            <li class="orbit-slide"> 
            <div class="icon">
                <img src="assets/img/earth.png"> 
                <p>
                    Creates less waste
                </p>
            </div>
            </li>
            <li class="orbit-slide"> 
            <div class="icon">
                <img src="assets/img/gear.png"> 
                <p>
                    Anti-bacterial self-cleaning
                </p>
            </div>
            </li>
        </ul>
    </div>
</div>

上一张幻灯片◀︎；下一张幻灯片▶︎；



人身安全

宠物保险箱




清洁无化学品




不会留下有毒残留物




减少浪费




抗菌自清洁