/ / Wie erhalte ich den aktuellen Wert von Zurb 6 Range Slider - zurb-foundation-6

Wie bekomme ich den aktuellen Wert von Zurb 6 Range Slider - zurb-foundation-6

Ich bin mir nicht sicher, ob ich eine Dokumentation finden kann, um den aktuellen Wert des Sliders zu erhalten. Dies funktioniert nicht, obwohl der jquery-Selektor das richtige Objekt zurückgibt:

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

Sicherlich muss es einfach sein ....

Antworten:

1 für die Antwort № 1

Das Eingabeelement im div-Container enthältder Schiebereglerwert. 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