向 jQuery UI 滑块添加步骤的问题答案

【问题标题】：Issue on Adding Steps to jQuery UI Slider向 jQuery UI 滑块添加步骤的问题
【发布时间】：2014-07-09 20:29:12
【问题描述】：

我正在尝试将 For steps 和 Value 添加到 This Demo 的 jQuery UI Slider，使其看起来像这张图片

所以我有 4 个步骤，他的滑块处理程序只位于其中一个值上（不是介于）我已经尝试过这个方法，表单 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});
  });

再次没有成功！你能告诉我我怎么能做到这一点吗？谢谢

【问题讨论】：

标签： jquery jquery-ui jquery-ui-slider

【解决方案1】：

您的步长选项设置应该是值之间的差异，而不是步数：

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

jsFiddle example

【讨论】：

您好 j08691，感谢您的回复我必须等待 10 分钟才能接受您的回答，同时您能否告诉我如何获得选定的值？我应该使用更改处理程序吗？
看fiddle中的slide函数。这会给你带来价值。