jquery - Jquery UI：预设滑块

Question

这是一个令人头疼的问题！

此滑块工作正常：

http://jsfiddle.net/EuTA8/

 $("#s2").slider({
        min: 0,
        max: 200,
        step: .1,
        value: 100.0,
        values: [200.0],
        slide: function(event, ui) {
           for (var i = 0; i < ui.values.length; ++i) {
              $("input.v2[data-index=" + i + "]").val(ui.values[i]+ " %");
           }
        }
});

但我想将滑块的位置预设为“100.0”。尽管具有应该执行此操作的属性：

    value: 100.0,

...jquery UI 只是忽略它，并将滑块置于最大设置。

我从 values 属性中取出方括号（它们甚至应该在那里吗？！）来创建：

    values: 200.0,

滑块位置预设精美。但是现在，我不能拖动滑块！看看我在这里的意思：

http://jsfiddle.net/EuTA8/1/

到底是怎么回事？我需要做的就是预设位置。（不要担心输入元素中的值。）

非常感谢。

Answer 1

$("#s2").slider({
    min: 0,
    max: 200,
    step: .1,
    value: 100.0,
    values: [100.0],
    slide: function(event, ui) {
       for (var i = 0; i < ui.values.length; ++i) {
          $("input.v2[data-index=" + i + "]").val(ui.values[i]+ " %");
       }
    }
});

更改[200.0]为[100.0]

Answer 2

尝试：

$("#s2").slider({
    min: 0,
    max: 200,
    step: .1,
    values: [100.0]
    slide: function(event, ui) {
       for (var i = 0; i < ui.values.length; ++i) {
          $("input.v2[data-index=" + i + "]").val(ui.values[i]+ " %");
       }
    }
});

您可以简单地删除该value: 100.0行，并更改values: [200]为values: [100]

是的，方括号应该在那里，因为values是一个数组。