UIKit (GetUIKit) -在过渡之前不加载滑块图像

Question

我使用的是UIKit (GetUIKit)，并添加了一个简单的滑块(https://getuikit.com/docs/slider)，但由于某些原因，正确的图像直到转换发生时才会加载。

这是它发生的一个屏幕截图：https://www.youtube.com/watch?v=y_LV2yE99PA

这里有一个我可以重新创建它的小提琴：https://jsfiddle.net/kungfauxn00b/s237uh9m/3

下面是我的代码：

<div id="hero-carousel" class="uk-container-expand">
    <div class="uk-position-relative uk-visible-toggle uk-light" uk-slider="center: true; autoplay: true; autoplay-interval: 3000;">
        <ul class="uk-slider-items uk-grid">
            <li class="uk-width-3-4">
                <div class="uk-panel">
                    <img src="http://via.placeholder.com/2000x800/333/fff" alt="">
                    <div class="uk-position-center uk-panel">This is some extra text</div>
                </div>
            </li>
            <li class="uk-width-3-4">
                <div class="uk-panel">
                    <img src="http://via.placeholder.com/2000x800/333/fff" alt="">
                    <div class="uk-position-center uk-panel"></div>
                </div>
            </li>
            <li class="uk-width-3-4">
                <div class="uk-panel">
                    <img src="http://via.placeholder.com/2000x800/333/fff" alt="">
                    <div class="uk-position-center uk-panel"></div>
                </div>
            </li>
        </ul>
        <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
        <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slider-item="next"></a>
    </div>
</div>

你知道我做错了什么吗？

Answer 1

忽略，它已经被记录为一个错误：https://github.com/uikit/uikit/issues/4087

Answer 2

好了，我找到问题了。这实际上是来自Uikit的错误，比如当你的滑块宽度小于容器宽度时，它将不能在中心模式下正确加载。实际上，它是禁用无限模式。请参考下面的Uikit作者对该问题的回复链接。github.com/uikit/uikit/issues/3610 - Nasrullah just no