Привет, у меня есть слайдер пользовательского интерфейса jquery с тремя интервалами. Проблема в том, что когда вы перетаскиваете, вы должны быть больше, чем между тем, прежде чем он привяжется к следующей точке, и если вы не потянете его достаточно далеко, вы просто подумаете, что слайдер не работает. Есть ли способ, чтобы ручка ползунка всегда перемещалась туда, где вы ее скользнули, но затем привязалась к самому близкому интервалу? Я не смог понять, как это сделать, это то, что у меня есть до сих пор:
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);
}
});
Вот один из вариантов:
$("#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);
}
});