3

我是 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>

但是没有出现滑块？

4

1 回答 1

0

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

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

因此，为了记录，该问题的答案是在 Javascript 中创建滑块，然后添加以下行：

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

其中“选项”例如 auto: true

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

于 2016-12-01T13:32:34.857 回答