jQuery UI Slider在句柄拖动和条形图上单击时具有自定义行为

Question

我一直试图实现自定义滑块行为一段时间，遗憾的是没有任何成功。滑块的代码是：

我想要实现两件事：

1. 单击滑块上的任意位置将使ui句柄跳转到相应的值，但不会跳到下一个/上一个步骤（取决于单击ui句柄的哪一侧）。

更新：我已使用以下代码解决了这个问题。

var $slider = $('#slider');

$slider.slider({
    range: "min",
    value: 0,
    min: 0,
    max: 1000,
    step: 1,
    start: function (event, ui) {
        if (!$handle.data('clicked')) {
            $(this).slider('value', ui.value + 100); // simulating a step of 100
            return false;
        }
        else $handle.data('clicked', false);
    }
});

var $handle = $('#slider .ui-slider-handle');
var $range = $('#slider .ui-slider-range');

$range.mousedown(function () {
    $slider.slider('value', $slider.slider('value') - 100); // simulating a step of 100
    return false;
});

$handle.mousedown(function () {
    $(this).data('clicked', true);
});

jsFiddle demo.

2。我希望能够在其步骤之间设置任何值，但在拖动ui句柄时保持步骤捕捉行为。

需要帮助！