uikit滑块javascript初始化答案

【问题标题】：Uikit slider javascript initializationuikit滑块javascript初始化
【发布时间】：2017-03-16 11:49:30
【问题描述】：

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

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

});

在我的.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>

但是没有出现滑块？

【问题讨论】：

标签： javascript html getuikit

【解决方案1】：

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

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

所以为了记录，这个问题的答案是在 Javascript 中创建滑块，然后添加行：

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

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

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

【讨论】：