Ползунок jQuery-UI вверх и вниз - PullRequest
Новая
       16

Ползунок jQuery-UI вверх и вниз

0 голосов
/ 18 ноября 2010

Не нашел способа создать кнопки вверх и вниз для вертикального слайдера, чтобы он выглядел как стандартный скроллер.

Подходит ли решение ниже? Или есть другие способы? 

function scroll(step)
{

    if (step > 0)
    {
        if ($("#slider").slider('value') <= (100 - step))
        {
            $("#slider").slider('value', $("#slider").slider('value') + step);
        }
    }
    else
    {
        if ($("#slider").slider('value') >= Math.abs(step))
        {
            $("#slider").slider('value', $("#slider").slider('value') + step);
        }       
    }


    return false;   
}

1 Ответ

1 голос
/ 18 ноября 2010

То, что у вас, безусловно, работает ... но если вас беспокоит ограничение диапазона, ползунок уже делает это внутренне , так что вы можете просто сделать это: 

function scroll(step) {
  var s = $("#slider");
  s.slider('value', s.slider('value') + step);
  return false;   
}

Также обратите внимание, что даже установка значения возвращает его (ограниченное значение), поэтому вы можете сделать это, например: 

function scroll(step) {
  var s = $("#slider");
  var newValue = s.slider('value', s.slider('value') + step);
  alert("The new value is: " + newValue);
  return false;   
}

Так, например, если диапазон равен 0-100, и выВы на 90, шаг 10 или больше всегда приведет к newValue из 100.

...