Существует ли ползунок javascript (jquery), который ограничивает значения независимо от отображаемых значений?

Question

Я хочу иметь ползунок от 0 до 100, но его можно выбрать только от 0 до 75 (например)

Примерный пример будет выглядеть примерно так: ползунку будет запрещено входить в цветную область

Я бы хотел установить максимальное, минимальное, предельное значение и значение ползунка ...

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

Answer 1

Вы можете использовать событие slide плагина слайдера, которое срабатывает при каждом движении мыши во время слайда.Используйте ui.value, чтобы получить значение текущего дескриптора, проверить максимальный предел и вернуть false.Возврат false из этого обратного вызова предотвращает скольжение.

$(".selector").slider({
   slide: function(event, ui) { 
       if(ui.value > 75){//Note the value of ui.value is between 0 to 99
          return false;
       }
   }
});

Для цвета фона слайдера вы можете легко добиться его с помощью css.