jquery ui滑块显示值

Question

我有一个值为1 - 5的滑块.它会更新ID为'days'的隐藏输入.

$(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

这怎么可能？

编辑

想要复制这个

Answer 1

只需安排你的标签容器(例如我添加了一个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,
       min: 1,
       max: 5,
       step: 1,
       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/