jquery ui slider动画捕捉到间隔

时间:2013-12-04 13:47:34

标签: jquery jquery-ui uislider

嘿,我有一个jquery UI滑块,它有三个间隔,它会捕捉到。问题是当你拖动时你必须更多然后在它之间进入下一个点并且如果你没有拉得足够远,你会认为滑块不起作用。有没有办法让滑块手柄始终移动到您滑动它的位置,但然后捕捉到最近的间隔?我无法弄清楚如何做到这一点,这是我到目前为止所做的:

http://jsfiddle.net/vG8NY/16/

HTML:

<div id="variable_slider"></div>
<div id="slide">2</div>

JS:

$("#variable_slider").slider({
     value: 2,
     range: "min",
     min: 1,
     max: 3,
     step: 1,
     slide: function (event, ui) {
         slider_value = ui.value;
         $("#slide").html(slider_value);
     }
 });

1 个答案:

答案 0 :(得分:2)

这是一个选项:

$("#variable_slider").slider({
     value: 2,
     range: "min",
     min: 1,
     max: 3,
     step: .1,
     slide: function (event, ui) {
             slider_value = Math.round(ui.value);
             $("#slide").html(slider_value);
     },
     stop: function( event, ui ) {
         var val = Math.round(ui.value);
         $( "#variable_slider" ).slider( "value", val );
         $("#slide").html(val);
     }
 });

http://jsfiddle.net/vG8NY/17/