javascript - 获取 slider 的值 jQuery

Question

我使用 Dragdealer 创建了一个 slider 我在读取 slider 的值时遇到问题。

这是我的 HTML:

<div id="just-a-slider" class="dragdealer">
    <div class="handle red-bar">
        <span class="value"></span>%
    </div>
</div>

和 Javascript 来启用 slider :

new Dragdealer('just-a-slider', {
  animationCallback: function(x, y) {
    $('#just-a-slider .value').text(Math.round(x * 100));
  }
});

如何读取用户选择的值？

例如我想做这样的事情:

var sliderValue = document.getElementById("just-a-slider").value;

// When the user clicks the Apply button an empty div gets the slider's value that the user selected
var greetingString = sliderValue;
document.getElementById("users_choice").innerText = greetingString;

Answer 1

<强> Here is the Fiddle

HTML

<div id="just-a-slider" class="dragdealer">
    <div class="handle red-bar">
        <span class="value"></span>%
    </div>
</div>
<input type="button" value="Get slider value" id="button1" />

jQuery

new Dragdealer('just-a-slider', {
  animationCallback: function(x, y) {
    $('#just-a-slider .value').text(Math.round(x * 100));
  }
});

$('#button1').click(function(){
    alert($('#just-a-slider .value').text());
});

Live demo here