UIKit (GetUIKit) - 直到过渡才加载滑块图像答案

【问题标题】：UIKit (GetUIKit) – Slider image not loading until transitionUIKit (GetUIKit) - 直到过渡才加载滑块图像
【发布时间】：2020-09-10 13:43:48
【问题描述】：

我正在使用 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>

任何想法我做错了什么？

【问题讨论】：

标签： slider getuikit

【解决方案1】：

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

【讨论】：

【解决方案2】：

好的，我找到了问题。它实际上是来自 Uikit 的错误，就像当您的滑块数量宽度小于容器宽度时，它在中心模式下将无法正确加载。实际上它是禁用无限模式。请参阅下面链接中 Uikit 作者对该问题的回复。 github.com/uikit/uikit/issues/3610 - Nasrullah Bhoraniya 只是没有

【讨论】：

抱歉，我不确定你的意思？
好的，我找到了问题。它实际上是来自 Uikit 的错误，就像当您的滑块数量宽度小于容器宽度时，它在中心模式下将无法正确加载。实际上它是禁用无限模式。请参阅下面链接中 Uikit 作者对该问题的回复。 github.com/uikit/uikit/issues/3610