我正试图用滑块控制图表中条形的高度。这基于找到here的滑块示例。我在从滑块获取值时遇到问题。我创建了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});
}
而不是存储在变量中的值,而是获得整个滑块对象。我知道this StackOverflow post,OP有同样的问题。我试图应用答案,但没有成功。
答案 0 :(得分:4)
您忘记了滑块声明中的#
代码$("slider1").slider("option","value"),
中的
但应该是$("#slider1").slider("option","value"),
修复它并且它会起作用。