So erhalten Sie den aktuellen Wert des Bereichs 6 des Schiebereglers

Question

Ich bin mir nicht sicher, ob ich eine Dokumentation finden könnte, wie der aktuelle Wert des Schiebereglers abgerufen werden kann. Dies funktioniert nicht, obwohl die jQuery-Selektor das richtige Objekt zurückgibt:

$('.slider').attr('data-slider') 

Sicherlich muss es einfach sein ....

Answer 1

Das Eingangselement in den div Container enthält den Regler Wert. Siehe mein Beispiel unten, das direkt aus dem einfachen Beispiel von Zurb gezogen wurde, mit einer ID, die zu der versteckten Eingabe hinzugefügt wurde und auf die durch das Ereignis onclick der Schaltfläche verwiesen wird.

<div class="slider" data-slider data-initial-start="50" data-end="200"> 
    <span class="slider-handle" data-slider-handle role="slider" tabindex="1"></span> 
    <span class="slider-fill" data-slider-fill></span> 
    <input type="hidden" id="slide1value"> 
</div> 
<div class="column row no-print"> 
    <input onclick="alert($('#slide1value').val());" value="CLick here for slider1 value."> 
</div> 

http://foundation.zurb.com/sites/docs/slider.html#basics