关于向jQuery UI Slider添加步骤的问题

时间:2014-07-09 20:29:12

标签: jquery jquery-ui jquery-ui-slider

我正在尝试向This Demo的jQuery UI Slider添加For steps和Value,看起来像这个图像 enter image description here

所以我有4个步骤,他只有滑块处理程序位于其中一个值(Not Between)我已经尝试过这个形式的jQuery UI文档

$( "#slider" ).slider({ step: 4 });
var step = $( "#slider" ).slider( "option", "step" );
$( "#slider" ).slider( "option", "step", 4 );

但它不起作用我也试过

$(function() {
    $( "#slider" ).slider({  range: "min",
    min: 1000,
    max: 7000,
    value: 1000});
  }); 
再次没有成功!能告诉我怎样才能实现这个目标吗?感谢

1 个答案:

答案 0 :(得分:2)

您的步骤选项设置应该是值之间的差异,而不是步数:

$(function () {
    $("#slider").slider({
        range: "min",
        min: 1000,
        max: 7000,
        value: 1000,
        step:2000
    });
});

<强> jsFiddle example