jquery ui slider 元素返回对象

Question

我正在尝试使用 slider 控制图表中条形的高度。这是基于发现的 slider 示例 here 。我在从 slider 获取值时遇到问题。我创建了a JSfiddle that demonstrates this .

问题出在函数 refeshGraph()

function refreshGraph() {
var jan = $("slider1").slider("option","value"),
feb = $("slider2").slider("option","value"),
mar = $("slider3").slider("option","value"),
apr = $("slider4").slider("option","value"),
may = $("slider5").slider("option","value");

console.log(feb)

sliderData = new Array(
        [jan,'Jan','#222222'],
        [feb,'Feb','#7D252B'],
        [mar,'Mar','#EB9781'],
        [apr,'Apr','#FFD2B5'],
        [may,'May','#4A4147']
    );


$('.exampleSimpleColors').show();
$('#exampleSimple').html('');
$('#exampleSimple').jqbargraph({ data: sliderData});

}

我得到的是整个 slider 对象，而不是存储在变量中的值。我知道this StackOverflow post ，OP 也有同样的问题。我尝试应用这些答案，但没有成功。

Answer 1

您在 slider 声明中忘记了#

在您的代码中$("slider1").slider("option","value"),
但应该是 $("#slider1").slider("option","value"),

解决这个问题就可以了。