UIKit Lightbox 下一个按钮无法正常工作

Question

我正在设置一个带有灯箱图片的滑块，这样您就可以看到更大的图片。当图像全屏时，问题就来了。您需要按下一个按钮 3 次才能转到下一张图像。我不知道哪里出错了，控制台没有报错。

我已将整个模板放入代码笔中：

<div data-uk-slider class="uk-slidenav-position">
    <div class="uk-slider-container uk-container-center">
        <ul class="uk-slider uk-grid" data-uk-grid-match>
            <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></a></li>
            <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li>
            <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li>
            <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li>
            <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li>
            <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li>
            <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li>
            <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li>
            <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li>
            <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li>
            <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li>
            <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li>
        </ul>
    </div>

    <a href="" class="uk-slidenav uk-slidenav-previous" data-uk-slider-item="previous"></a>
    <a href="" class="uk-slidenav uk-slidenav-next" data-uk-slider-item="next"></a>
</div>

https://codepen.io/lord_enzo/pen/BZWzvb

Answer 1

所以，显然我是盲人，看不到我没有关闭任何标签。一切就绪，一切就绪！

UIKit Lightbox 下一个按钮无法正常工作

UIKit Lightbox next button not working properly

slider

lightbox

uikit