Uikit滑块javascript初始化

我是JS的新手，需要用var Slider=UIKit.Slider（元素，{/*options*/}）初始化UIKit的Slider组件；如文件中所述。所以在我的.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>

---

但是没有出现滑块？

我认为这里的问题可能是您可能没有包含uikit slider.js、slider.css和slidenav.css文件。此外，还需要将UIkit.slider中的“element”替换为“#数据滑块div的id”

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

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

var slider=UIKit.slider（“#id of the data uk slider div'，{options}）

其中“选项”为“自动”：true

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