JQuery UI Slider 不适用于 "value: x"，仅适用于 "values: [x]"

Question

这是 JSFiddle 链接:( http://jsfiddle.net/jforman07/qaU7K/222/ )。

问题: slider 不动

这是 JavaScript:

$(document).ready(function () {
 $("#slider").slider({
    range: "min",
    value: 50,
    min: 1,
    max: 100,

    slide: function (event, ui) {

         $("input.sliderValue[data-index=0]").val("$" + ui.values[0] + "k");

        var delay = function () {
            var handleIndex = $(ui.handle).data('index.uiSliderHandle');

            $("#slideText").html(ui.value).position({
                my: 'center top',
                at: 'center bottom',
                of: ui.handle,
                offset: "0, -74"
            });
        };
        setTimeout(delay, 0);
     }
 });


});

如果我改变

value: 50,

到

values: [50],

然后滑动条开始工作，但是滑动条上的绿色阴影消失了 - 正如在这个 JSFiddle 中看到的 - http://jsfiddle.net/jforman07/qaU7K/223/

Answer 1

只是，如下更改代码中的一行

来自

       $("input.sliderValue[data-index=0]").val("$" + ui.values[0] + "k");

到

       $("input.sliderValue[data-index=0]").val("$" + ui.value + "k");

Updated Fiddle