jQuery UI слайдер анимированные привязки к интервалу

0

Привет, у меня есть слайдер пользовательского интерфейса jquery с тремя интервалами. Проблема в том, что когда вы перетаскиваете, вы должны быть больше, чем между тем, прежде чем он привяжется к следующей точке, и если вы не потянете его достаточно далеко, вы просто подумаете, что слайдер не работает. Есть ли способ, чтобы ручка ползунка всегда перемещалась туда, где вы ее скользнули, но затем привязалась к самому близкому интервалу? Я не смог понять, как это сделать, это то, что у меня есть до сих пор:

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);
     }
 });
  • 0
    взгляните на этот вопрос, о вашей же проблеме stackoverflow.com/questions/17245103/jquery-ui-slider-draggable Кстати, код из ответа не обновляет значение должным образом, но это путь
Теги:
uislider

1 ответ

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/

  • 0
    @loriensleafs Пожалуйста, пометьте мой ответ как принятый, если он решил ваш вопрос или оставил отзыв. Спасибо

Ещё вопросы

Сообщество Overcoder
Наверх
Меню