javascript - Uikit slider javascript初始化

Question

我是 JS 新手，需要使用 var slider = UIkit.slider(element, {/* options */}); 初始化 UIKit 的 Slider 组件；如文档中所述。所以在 my.js 文件中我输入了

$(document).ready(function(){
slider = UIkit.slider(element, {auto: true });

});

在 my.html 中

<div class="uk-slidenav-position" data-uk-slider>
<div class="uk-slider-container">
    <ul class="uk-slider uk-grid-width-medium-1-2">
        <li><img src="one.jpeg"></li>

        <li><img src="two.jpeg"></li>
    </ul>
</div>
<a href="#" class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous" data-uk-slider-item="previous"></a>
<a href="#" class="uk-slidenav uk-slidenav-contrast uk-slidenav-next" data-uk-slider-item="next"></a>

但是没有出现 slider ？

Answer 1

我认为这里的问题可能是您可能没有包含 uikit slider.js、slider.css 和 slidenav.css 文件。您还需要将 UIkit.slider 中的“元素”替换为“#data-uk-slider div 的 id”。

我在尝试从 Javascript 动态初始化 slider 的内容时遇到了这个问题，但找不到任何文档。

郑重声明，该问题的答案是在 Javascript 中创建 slider ，然后添加以下行:

var slider = UIKit.slider('#id of the data-uk-slider-div', {options});

“选项”在哪里，例如自动:真

这在 UIKit 文档中，但我花了一段时间。