Question

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

此滑块正常工作：

 $("#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只是忽略它，将滑块置于最大设置。

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

    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是一个数组。

Jquery UI：预设滑块

2 个答案: