Question

我在里面设置了一个带有灯箱图片的滑块，这样你就可以看到更大的画面。图像全屏时出现问题。您需要按下下一个按钮3次才能进入下一个图像。我不知道我哪里出错了，因为控制台没有抛出任何错误。

我已将整个模板放在codepen中：

<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下一个按钮不能正常工作

1 个答案: