JQuery Slider UI динамический размер шага - PullRequest
5 голосов
/ 01 сентября 2011

У меня есть слайдер со следующими свойствами:

  • в горизонтальном направлении
  • одна ручка
  • мин. 2
  • макс.из 65

Моя цель - заставить пользователя выбирать только между 7 точками (например: «2, 3, 4, 26, 39, 52, 65») и больше ничего.

Как создать динамический размер шага или как разрешить только эти точки в качестве шагов ползунка?

Ответы [ 2 ]

4 голосов
/ 01 сентября 2011

Почему бы не использовать ползунок только с 7 точками и преобразовать свое значение с помощью таблицы:

см. Мой пример jsfiddle http://jsfiddle.net/bouillard/Uy5sD/

3 голосов
/ 01 сентября 2011

Предлагаю вам посмотреть на slide событие.Док здесь .Он говорит:

Вернуть false, чтобы предотвратить скольжение, на основе ui.value.

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

Редактировать: Черт возьми, ссылка только что добралась до страницы слайдера.Я говорю о вкладке Events, которая называется slide

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

Edit3: Другая скрипка .В этом случае, если в конце слайда будет достигнуто неправильное значение, оно вернется к предыдущему правильному значению.

...