我正在与 jQuery UI slider 合作.
这是我正在使用的代码:
$(function() {
$( "#slider" ).slider({
value:1,
min: 0,
max: 5,
step: 1,
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.value );
}
});
$( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) );
});
将有 5 个步骤,我想在每个步骤中显示字符串而不是数字:
1=very sad
2=sad
3=not so sad
4=happy
5=very happy
我该怎么做?
最佳答案
您可以将步骤标签放入数组中,然后使用 slider 的值作为该数组的索引:
var steps = [
"very sad",
"sad",
"not so sad",
"happy",
"very happy"
];
$(function() {
$("#slider").slider({
value: 1,
min: 0,
max: 4,
step: 1,
slide: function(event, ui) {
$("#amount").val(steps[ui.value]);
}
});
$("#amount").val(steps[$("#slider").slider("value")]);
});
关于jquery-ui - 带有字符串值的 Jquery ui slider ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11339601/