Оригинал статьи

JQueryUI Slider wigit может быть трудно использовать на сенсорных устройствах. Это делает его намного проще, если есть кнопка для нажатия, которая регулирует ползунок. jQueryUI SliderAccess легко добавляет эту функциональность.

Если вы заинтересованы в участии в SliderAccess, пожалуйста, проверьте это на  GitHub. Если вы делаете дополнения, пожалуйста, имейте в виду, что я люблю вкладки над пробелами,.. Но вклады приветствуются в любой форме.

Настоятельно рекомендуется

Подпишитесь на мой блог по электронной почте и следовать @PracticalWeb в Twitter. Я отправляю почти для каждой новой версии, так что вы знаете об обновлениях.

Скачать

Скачать / внести свой вклад на GitHub (Нужен весь репозиторий? Обнаружили ошибку? Смотрите, если его фиксирован)

Требования

Вы также должны включить jQuery и jQuery UI с datepicker и slider wigits. Вы должны включить их в свою страницу в следующем порядке:

  1. jQuery
  2. jQueryUI (with slider and button wigits)
  3. SliderAccess

Версия

Version 0.2

Last updated on 09/22/2012

jQuery UI Slider Access в настоящее время доступен для использования во всех персональных или коммерческих проектах под лицензиями MIT и GPL. Это означает, что вы можете выбрать лицензию, наиболее подходящую для вашего проекта, и использовать ее соответствующим образом.

GPL License

MIT License

Опции

SliderAccess имеет несколько вариантов настройки его внешнего вида и функциональности:

touchonly
Default: true - Показывать sliderAccess только на сенсорных устройствах
where
Default: "after" - Где разместить кнопки. "после" (after)  или " до" (before)
step
Default: inherits from slider - Сколько единиц каждом нажатии кнопки инкремент/декремент.
upIcon
Default: "ui-icon-plus" - jQueryUI тема класс, представляющий значок, используемый для приращения.
downIcon
Default: "ui-icon-minus" - jQueryUI тема класс, представляющий значок, используемый для декремента.
text
Default: false - Независимо от того, чтобы показать текст кнопки.
upText
Default: "+" - Текст для отображения в кнопке приращения.
downText
Default: "-" - Текст для отображения в кнопку декремента.
buttonset
Default: true - Независимо от того, чтобы использовать jQueryUI Buttonset.
buttonsetTag
Default: "span" - Имя тега, используемое для создания набора кнопок.
speed
Default: "150" - При нажатии и удержании кнопки изменяется скорость ее срабатывания.
isRTL
Default: false - При значении true значения приращения и положения будут отрицаться.

Examples

Добавить sliderAccess к основному ползунку.

$('#basic_example_1').slider().sliderAccess({
	touchonly : false
});

Изменить положение SlateAccess.

$('#basic_example_2').slider({
	min: 0,
	max: 100,
	value: 50,
	step: 10 // Этот объект будет наследован SlateAccess
}).sliderAccess({
	touchonly : false,
	where: 'before'
});

Использовать текст для кнопок

$('#basic_example_3').slider().sliderAccess({
	touchonly : false,
	text: true,
	upText: 'More',
	downText: 'Less'
});