UikitスライダのJavaScriptの初期化

Question

私はJSの初心者で、UIスライダのコンポーネントをvarスライダ= UIkit.slider（要素、{/ * options * /}）で初期化する必要があります。ドキュメントに記載されています。したがって、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> 

中でも何のスライダーは表示されませんか？

Answer 1

おそらくここでの問題は、あなたがuikit slider.js、slider.css、およびslidenav.cssファイルを含んでいない可能性があるということです。また、UIkit.sliderの 'element'を 'data-uk-slider divのID'に置き換える必要があります。

Javascriptからスライダのコンテンツを動的に初期化しようとしたときにこの問題が発生し、ドキュメントが見つかりませんでした。

だからレコードについて、その質問への答えは、Javascriptの中にスライダーを作成して、行を追加することです：

VARスライダー= UIKit.slider（ 'データ・英国・slider-の＃IDはdiv '、{options}）;

ここで、「オプション」は、 auto：true

これはUIKitのドキュメントにありますが、しばらく時間がかかりました。