Question

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

这是我的HTML：

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

和Javascript启用滑块：

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

试试这个

$('#users_choice').text() = $('#just-a-slider .value').text();

Answer 2

<强> 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

Answer 3

从http://skidding.github.io/dragdealer/的文档中，您似乎可以完成

var sliderValue = $('#just-a-slider').getValue();

getValue - 以编程方式获取Dragdealer实例的值。该值以[x，y]元组的形式返回，并且相当于常规回调返回的投影值，而不是animationCallback。

获取滑块的值jQuery

3 个答案: