KendoUI Slider,不平等的步骤

时间:2013-08-22 00:42:30

标签: javascript kendo-ui kendo-asp.net-mvc

我正在使用KendoUI滑块,需要它停在不均匀的数字上。我希望滑块停在24,49,73和97.因此我无法将步骤设置为25,因为有时它是24。我在文档中看不到任何可以让我这样做的内容。那里的任何天才都想帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

你的问题很模糊。 但是如果值是偶数,你可以捕获变化事件并增加或减少一个。

Fiddle Here

<div id="wrapper">
    <div id="equalizer">
        <input class="eqSlider" value="15" />
    </div>
</div>


var slider = $(".eqSlider").kendoSlider({
    orientation: "vertical",
    min: 1,
    max: 10,
    smallStep: 1,
    largeStep: 2,
    change:SlideFunc,
    showButtons: false
});

function SlideFunc(e) {
    //var sliderValue = slider.value();
    var value = e.value;
    var modu = value % 2;
    if(modu == 0 && value > 1) {
        e.value = value - 1;
    }
}