Uikit Slider Javascript Initialisierung

Question

Ich bin ein Neuling in JS und muss UIKit Slider-Komponente mit var slider = UIkit.slider (Element, {/ * Optionen * /}); wie in den Dokumenten erwähnt. Also in meiner.js Datei habe ich eingegeben

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

});

und in 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> 

Aber kein Schieberegler angezeigt wird?

Answer 1

Ich denke, das Problem hier ist wahrscheinlich, dass Sie die uikit slider.js, slider.css und slidenav.css Dateien nicht enthalten haben. Außerdem müssen Sie "Element" in UIkit.slider durch '# die ID des Data-Uk-Sliders div' ersetzen.

Ich stieß auf diese Frage beim Versuch, den Inhalt eines Schiebereglers aus Javascript dynamisch zu initialisieren und konnte keine Dokumentation finden.

So für die Aufzeichnung, die Antwort auf diese Frage ist, den Schieber in Javascript zu erstellen und dann die Zeile hinzufügen:

var Schieber = UIKit.slider ('# ID der Daten-uk-gleit- div ', {Optionen});

Wo 'Optionen' sind z.B. auto: true

Dies ist in der UIKit Dokumentation, aber es hat eine Weile gedauert.