我有一个值为1到5的滑块,它会更新一个ID为“天”的隐藏输入.
$(function() {
$("#slider").slider({
value: 3,min: 1,max: 5,step: 1,slide: function(event,ui) {
$("#days").val(ui.value);
}
});
$("#days").val($("#slider").slider("value"));
});
我要添加标签到滑块
所以在位置1它会说1小时,2会说12小时,3将说1天,4 = 3天和5 = 1周.
但是我希望将天的价值保持在1-5
这怎么可能？
编辑
想复制这个
解决方法
只需安排您的标签容器(例如我添加了一个div),当您滑动时,更新它.
实时版本：http://jsfiddle.net/8ek4a/5/
代码：
$(function() {
var labelArr = new Array("","1 hour","12 hours","1 day","3 day","1 week");
$( "#slider" ).slider({
value:3,slide: function( event,ui ) {
$( "#days" ).val( ui.value );
$("#label").html(labelArr[ui.value]);
}
});
$( "#days" ).val($( "#slider" ).slider( "value" ) );
$("#label").html(labelArr[$( "#slider" ).slider( "value" )]);
});
更新：
现在我想出了这个解决方案来实现指标.见http://jsfiddle.net/8ek4a/6/