Есть ли способ сделать слайдер jQuery UI начинаться с 0 сверху, а не внизу?

Посмотрите на demo jQuery UI Slider.

Обратите внимание, что когда дескриптор находится внизу, значение равно 0?

Есть ли способ отменить это, поэтому дескриптор вверху равен 0, а дескриптор внизу - максимальный диапазон?

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

Ответы

Ответ 1

Не отменяйте его, пройдите легкий путь:) Просто вычтите значение из вашего max, например:

$("#slider-vertical").slider({
    orientation: "vertical",
    range: "min",
    min: 0,
    max: 100,
    slide: function(event, ui) {
        $("#amount").val(100 - ui.value);
    }
});

Это просто max-value, эффективно меняя его, здесь вы можете увидеть демонстрационную демонстрацию.

Ответ 2

Возможно, использование отрицательных значений будет более элегантным:

$('#slider').slider({
    min: -100,
    max: 0,
    value: -50,
    step: 1
});

Просто используйте абсолютное значение, а не фактическое, где оно вам нужно.

Ответ 3

$(function() {
    $("#slider-vertical").slider({
      orientation: "vertical",
      range: "max", // <--- needed...
      min: 0,
      max: 100,
      value: 60,
      slide: function(event, ui) {
        $("#amount").val(100 - ui.value); // basic math operation..
      }
    });
  });

демо...

Ответ 4

Вы можете просто перевернуть его вверх дном, используя css3.

#slider {
     -moz-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg);
}